feat: polish admin UI, phone login, and product details

Switch admin auth to mobile, restyle shell/login with Vuesax icons, and add product detail fields plus public product pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/web/app/components/layout/AppShell.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { AnimatePresence } from "motion-v";
-import Preloader from "./Preloader.vue";
-import Cursor from "./Cursor.vue";
-import Header from "./Header.vue";
-import BackToTop from "./BackToTop.vue";
-
-const ui = useUiStore();
-</script>
-
-<template>
-  <AnimatePresence>
-    <Preloader v-if="!ui.ready" @complete="ui.setReady" />
-  </AnimatePresence>
-
-  <Cursor />
-  <div class="noise" aria-hidden="true" />
-
-  <Header />
-
-  <slot />
-
-  <BackToTop />
-</template>

apps/web/app/components/ui/SectionHead.vue

@@ -12,8 +12,10 @@ withDefaults(
     desc?: string;
     center?: boolean;
     headingId?: string;
+    /** heading level; 1 for the main title of a page (one <h1> per page) */
+    level?: 1 | 2;
   }>(),
-  { center: false },
+  { center: false, level: 2 },
 );
 </script>
 
@@ -29,7 +31,8 @@ withDefaults(
       </div>
     </Reveal>
     <Reveal :delay="0.08">
-      <h2
+      <component
+        :is="`h${level}`"
         :id="headingId"
         class="mt-5 text-3xl font-black leading-[1.25] md:text-5xl md:leading-[1.2]"
       >
@@ -40,7 +43,7 @@ withDefaults(
             <span class="text-accent">{{ highlight }}</span>
           </template>
         </slot>
-      </h2>
+      </component>
     </Reveal>
     <Reveal v-if="desc" :delay="0.16">
       <p :class="`mt-5 max-w-xl leading-8 text-muted ${center ? 'mx-auto' : ''}`">