Nav bar (#36)

* Create navbar.tsx

* Update navbar.tsx

* Update layout.tsx

* Add user authentication state to navbar and homepage

Introduced user authentication state handling in the navigation bar and homepage. The Navigation component now accepts isSignedIn and User props to display user-specific options and avatar. Added mock user data and updated the homepage to use the new Navigation component. Added user and profile images to the public directory.

* delete some info

* replacing with the shadcn components

* walked back the theme, eliminate excessive color and restyle

* Update navbar.tsx

* remove unnecessary thing

---------

Co-authored-by: Joshua Silva <72359611+joshuasilva414@users.noreply.github.com>

Author: Jaime1108

components.json

@@ -6,7 +6,7 @@
   "tailwind": {
     "config": "",
     "css": "src/app/globals.css",
-    "baseColor": "neutral",
+    "baseColor": "zinc",
     "cssVariables": true,
     "prefix": ""
   },

package.json

@@ -19,14 +19,16 @@
   ],
   "dependencies": {
     "@libsql/client": "^0.15.15",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-navigation-menu": "^1.2.14",
     "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-slot": "^1.2.3",
     "better-auth": "^1.3.26",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "drizzle-orm": "^0.44.6",
-    "lucide-react": "^0.548.0",
+    "lucide-react": "^0.552.0",
     "next": "15.5.4",
     "next-safe-action": "8.0.11",
     "react": "19.1.0",