Fixed sidenav rendering.

src/app/(main)/SideNav.tsx

@@ -23,7 +23,7 @@ import { PanelButton } from '@/components/input/PanelButton';
 export function SideNav(props: SidebarProps) {
   const { formatMessage, labels } = useMessages();
   const { pathname, renderUrl, websiteId } = useNavigation();
-  const [isCollapsed] = useGlobalState('sidenav-collapsed');
+  let [isCollapsed] = useGlobalState('sidenav-collapsed');
 
   const hasNav = !!(
     websiteId ||
@@ -32,19 +32,23 @@ export function SideNav(props: SidebarProps) {
     pathname.endsWith('/settings')
   );
 
+  if (hasNav) {
+    isCollapsed = true;
+  }
+
   const links = [
-    {
-      id: 'websites',
-      label: formatMessage(labels.websites),
-      path: '/websites',
-      icon: <Globe />,
-    },
     {
       id: 'boards',
       label: formatMessage(labels.boards),
       path: '/boards',
       icon: <LayoutDashboard />,
     },
+    {
+      id: 'websites',
+      label: formatMessage(labels.websites),
+      path: '/websites',
+      icon: <Globe />,
+    },
     {
       id: 'links',
       label: formatMessage(labels.links),

src/app/(main)/links/LinksPage.tsx

@@ -0,0 +1,24 @@
+'use client';
+import { PageBody } from '@/components/common/PageBody';
+import { Column } from '@umami/react-zen';
+import { PageHeader } from '@/components/common/PageHeader';
+import { BoardAddButton } from '@/app/(main)/boards/BoardAddButton';
+import Link from 'next/link';
+import { useMessages } from '@/components/hooks';
+
+export function LinksPage() {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <PageBody>
+      <Column>
+        <PageHeader title={formatMessage(labels.links)}>
+          <BoardAddButton />
+        </PageHeader>
+        <Link href="/teams/3a97e34a-7f9d-4de2-8754-ed81714b528d/boards/86d4095c-a2a8-4fc8-9521-103e858e2b41">
+          Board 1
+        </Link>
+      </Column>
+    </PageBody>
+  );
+}

src/app/(main)/links/page.tsx

@@ -0,0 +1,10 @@
+import { LinksPage } from './LinksPage';
+import { Metadata } from 'next';
+
+export default function () {
+  return <LinksPage />;
+}
+
+export const metadata: Metadata = {
+  title: 'Links',
+};

src/app/(main)/pixels/PixelsPage.tsx

@@ -0,0 +1,24 @@
+'use client';
+import { PageBody } from '@/components/common/PageBody';
+import { Column } from '@umami/react-zen';
+import { PageHeader } from '@/components/common/PageHeader';
+import { BoardAddButton } from '@/app/(main)/boards/BoardAddButton';
+import Link from 'next/link';
+import { useMessages } from '@/components/hooks';
+
+export function PixelsPage() {
+  const { formatMessage, labels } = useMessages();
+
+  return (
+    <PageBody>
+      <Column>
+        <PageHeader title={formatMessage(labels.pixels)}>
+          <BoardAddButton />
+        </PageHeader>
+        <Link href="/teams/3a97e34a-7f9d-4de2-8754-ed81714b528d/boards/86d4095c-a2a8-4fc8-9521-103e858e2b41">
+          Board 1
+        </Link>
+      </Column>
+    </PageBody>
+  );
+}

src/app/(main)/pixels/page.tsx

@@ -0,0 +1,10 @@
+import { PixelsPage } from './PixelsPage';
+import { Metadata } from 'next';
+
+export default function () {
+  return <PixelsPage />;
+}
+
+export const metadata: Metadata = {
+  title: 'Pixels',
+};