feat(web): add header and footer with layout

apps/web/components.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": true,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "src/app/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  }
+}

apps/web/next.config.mjs

@@ -1,8 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   basePath: "/watch",
-  experimental: {
-    typedRoutes: true,
+  typedRoutes: true,
+  async redirects() {
+    return [
+      {
+        source: "/",
+        destination: "/watch",
+        permanent: false,
+        basePath: false,
+      },
+    ]
   },
   images: {
     remotePatterns: [

apps/web/package.json

@@ -13,11 +13,17 @@
     "@apollo/client": "^4.1.4",
     "@forge/graphql": "workspace:*",
     "@t3-oss/env-nextjs": "^0.13.10",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
     "graphql": "^16.12.0",
+    "gql.tada": "^1.9.0",
+    "lucide-react": "^0.574.0",
     "next": "^16.1.6",
+    "radix-ui": "^1.4.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "rxjs": "^7.3.0",
+    "tailwind-merge": "^3.4.1",
     "zod": "^4.3.6"
   },
   "devDependencies": {
@@ -27,6 +33,7 @@
     "eslint": "^9.0.0",
     "eslint-config-next": "^16.1.6",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.18"
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0"
   }
 }