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

@@ -4,6 +4,16 @@ const nextConfig = {
   experimental: {
     typedRoutes: true,
   },
+  async redirects() {
+    return [
+      {
+        source: "/",
+        destination: "/watch",
+        permanent: false,
+        basePath: false,
+      },
+    ]
+  },
   images: {
     remotePatterns: [
       { protocol: "http", hostname: "localhost", pathname: "/uploads/**" },

apps/web/package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "0.0.1",
   "scripts": {
-    "dev": "next dev",
+    "dev": "next dev -p 5000",
     "build": "next build",
     "start": "next start",
     "lint": "eslint .",
@@ -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",
+    "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",
+    "gql.tada": "^1.9.0",
     "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"
   }
 }