Small fixes.

src/app/(main)/boards/BoardsPage.tsx

@@ -1,5 +1,13 @@
-import { Board } from './Board';
+import { Column, Heading } from '@umami/react-zen';
+import Link from 'next/link';
 
 export function BoardsPage() {
-  return <Board />;
+  return (
+    <Column>
+      <Heading>My Boards</Heading>
+      <Link href="/teams/3a97e34a-7f9d-4de2-8754-ed81714b528d/boards/86d4095c-a2a8-4fc8-9521-103e858e2b41">
+        Board 1
+      </Link>
+    </Column>
+  );
 }

src/app/(main)/boards/[boardId]/Board.tsx

@@ -1,9 +1,10 @@
 import { Column, Heading } from '@umami/react-zen';
 
-export function Board() {
+export function Board({ boardId }: { boardId: string }) {
   return (
     <Column>
       <Heading>Board title</Heading>
+      <div>{boardId}</div>
     </Column>
   );
 }

src/app/(main)/boards/[boardId]/page.tsx

@@ -0,0 +1,12 @@
+import { Metadata } from 'next';
+import { Board } from './Board';
+
+export default async function ({ params }: { params: Promise<{ boardId: string }> }) {
+  const { boardId } = await params;
+
+  return <Board boardId={boardId} />;
+}
+
+export const metadata: Metadata = {
+  title: 'Board',
+};

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

@@ -1,5 +1,5 @@
-import { BoardsPage } from './BoardsPage';
 import { Metadata } from 'next';
+import { BoardsPage } from './BoardsPage';
 
 export default function () {
   return <BoardsPage />;