menydock update, dashboard page create

taskncoffee-app/src/pages/Dashboard.jsx

@@ -0,0 +1,29 @@
+'use client';
+import { MenuDock } from '@/components/ui/shadcn-io/menu-dock';
+import { Home, Settings, Bell } from 'lucide-react';
+import { Avatar, AvatarImage, AvatarFallback } from '@/components/ui/avatar';
+const menuItems = [
+    { label: 'home', icon: Home, onClick: () => console.log('Home clicked') },
+    { label: 'notifications', icon: Bell, onClick: () => console.log('Notifications clicked') },
+    { label: 'settings', icon: Settings, onClick: () => console.log('Settings clicked') },
+];
+export default function Dashboard() {
+    return (
+        <div className="min-h-[180px] p-4 flex justify-start items-start">
+            <div className="flex flex-col items-center justify-center">
+                <Avatar className="mb-2 size-10 justify-center items-center">
+                    <AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
+                    <AvatarFallback>CN</AvatarFallback>
+                </Avatar>
+                <MenuDock
+                    items={menuItems}
+                    orientation="vertical"
+                    showIndicator={false}
+                    variant="default"
+
+                />
+            </div>
+        </div>
+    );
+}
+