responsive navbar

package.json

@@ -23,18 +23,27 @@
 		"@fortawesome/free-solid-svg-icons": "^6.7.2",
 		"@fortawesome/react-fontawesome": "^0.2.2",
 		"@neondatabase/serverless": "^1.0.0",
+		"@radix-ui/react-dropdown-menu": "^2.1.12",
+		"@radix-ui/react-navigation-menu": "^1.2.10",
+		"@radix-ui/react-slot": "^1.2.0",
 		"@t3-oss/env-nextjs": "^0.12.0",
 		"@tanstack/react-query": "^5.72.2",
 		"@trpc/client": "^11.1.0",
 		"@trpc/next": "^11.1.0",
 		"@trpc/react-query": "^11.1.0",
 		"@trpc/server": "^11.1.0",
+		"class-variance-authority": "^0.7.1",
+		"clsx": "^2.1.1",
 		"drizzle-orm": "^0.41.0",
+		"drizzle-zod": "^0.7.1",
+		"lucide-react": "^0.503.0",
 		"next": "^15.2.3",
+		"next-themes": "^0.4.6",
 		"postgres": "^3.4.4",
 		"react": "^19.0.0",
 		"react-dom": "^19.0.0",
 		"server-only": "^0.0.1",
+		"tailwind-merge": "^3.2.0",
 		"zod": "^3.24.2"
 	},
 	"devDependencies": {
@@ -46,6 +55,7 @@
 		"drizzle-kit": "^0.30.5",
 		"postcss": "^8.5.3",
 		"tailwindcss": "^4.0.15",
+		"tw-animate-css": "^1.2.8",
 		"typescript": "^5.8.2"
 	},
 	"ct3aMetadata": {