Add personal dashboard flow and per-component website selection

This introduces a user-scoped dashboard with board-style view/edit pages while keeping it unavailable in team context, and moves website targeting to component config so dashboard components can each select their own website.

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

@@ -8,7 +8,7 @@ import { GripHorizontal, Plus } from '@/components/icons';
 import { BoardEditRow } from './BoardEditRow';
 import { BUTTON_ROW_HEIGHT, MAX_ROW_HEIGHT, MIN_ROW_HEIGHT } from './boardConstants';
 
-export function BoardEditBody() {
+export function BoardEditBody({ requiresBoardWebsite = true }: { requiresBoardWebsite?: boolean }) {
   const { board, updateBoard, registerLayoutGetter } = useBoard();
   const rowGroupRef = useRef<GroupImperativeHandle>(null);
   const columnGroupRefs = useRef<Map<string, GroupImperativeHandle>>(new Map());
@@ -103,6 +103,7 @@ export function BoardEditBody() {
   };
 
   const websiteId = board?.parameters?.websiteId;
+  const canEdit = requiresBoardWebsite ? !!websiteId : true;
   const rows = board?.parameters?.rows ?? [];
   const minHeight = (rows.length || 1) * MAX_ROW_HEIGHT + BUTTON_ROW_HEIGHT;
 
@@ -122,7 +123,7 @@ export function BoardEditBody() {
                 rowId={row.id}
                 rowIndex={index}
                 rowCount={rows.length}
-                canEdit={!!websiteId}
+                canEdit={canEdit}
                 onRemove={handleRemoveRow}
                 onMoveUp={handleMoveRowUp}
                 onMoveDown={handleMoveRowDown}
@@ -157,7 +158,7 @@ export function BoardEditBody() {
             )}
           </Fragment>
         ))}
-        {!!websiteId && (
+        {canEdit && (
           <Panel minSize={BUTTON_ROW_HEIGHT}>
             <Row padding="3">
               <TooltipTrigger delay={0}>