feat: redesign web menu layout, add header cover banner & dynamic header layout, refine mobile inputs and theme selector

apps/web/src/app/demo/page.tsx

@@ -20,7 +20,7 @@ export default async function DemoMenuPage({ searchParams }: PageProps) {
       restaurant={DEMO_RESTAURANT}
       categories={DEMO_CATEGORIES}
       initialThemeKey={theme}
-      allowThemeSwitching={true}
+      allowThemeSwitching={false}
     />
   );
 }

apps/web/src/app/menu/[slug]/page.tsx

@@ -74,7 +74,7 @@ export default async function PublicMenuPage({ params, searchParams }: PageProps
   let restaurant: any = null;
   const { data: bySlug } = await supabase
     .from("restaurants")
-    .select("id, name, slug, logo_url, phone, address")
+    .select("id, name, slug, logo_url, cover_url, phone, address")
     .eq("slug", slug)
     .maybeSingle();
 
@@ -84,7 +84,7 @@ export default async function PublicMenuPage({ params, searchParams }: PageProps
     // 2. Try finding restaurant by custom domain hostname
     const { data: domainRow } = await supabase
       .from("domains")
-      .select("restaurant_id, restaurants(id, name, slug, logo_url, phone, address)")
+      .select("restaurant_id, restaurants(id, name, slug, logo_url, cover_url, phone, address)")
       .eq("hostname", slug)
       .maybeSingle();
 
@@ -144,6 +144,7 @@ export default async function PublicMenuPage({ params, searchParams }: PageProps
     name: restaurant.name,
     slug: restaurant.slug,
     logo_url: restaurant.logo_url,
+    cover_url: restaurant.cover_url,
     phone: restaurant.phone,
     address: restaurant.address,
   };