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/api/prisma/schema.prisma

@@ -22,7 +22,7 @@ enum MessageStatus {
 
 model AdminUser {
   id            Int            @id @default(autoincrement())
-  email         String         @unique
+  phone         String         @unique
   name          String
   passwordHash  String
   role          Role           @default(EDITOR)
@@ -114,6 +114,21 @@ model Product {
   desc        String         @default("")
   specs       String[]
   variants    String[]
+  /// long description for the product page; a blank line starts a new paragraph
+  details        String   @default("")
+  brand          String   @default("")
+  /// country of manufacture
+  origin         String   @default("")
+  sizes          String[] @default([])
+  standards      String[] @default([])
+  features       String[] @default([])
+  applications   String[] @default([])
+  /// technical specification table: [{ "name": "...", "value": "..." }]
+  attributes     Json     @default("[]")
+  packaging      String   @default("")
+  minOrder       String   @default("")
+  seoTitle       String   @default("")
+  seoDescription String   @default("")
   imageId     Int?
   image       Media?         @relation("ProductImage", fields: [imageId], references: [id], onDelete: SetNull)
   gallery     ProductImage[]