feat : mobile app

app/layout.tsx

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { Anuphan, Geist_Mono } from "next/font/google";
 
 import { DeploymentUpdateNotifier } from "@/components/deployment-update-notifier";
@@ -29,6 +29,10 @@ export const metadata: Metadata = {
   keywords: ["เกนชิน", "เกนชินไม่ใช่เกมมือถือ", "Buzz", "ไกด์", "สุดหล่อ"],
 };
 
+export const viewport: Viewport = {
+  themeColor: "#1b1b22",
+};
+
 export default function RootLayout({ children }: LayoutProps<"/">) {
   const deploymentId = process.env.NEXT_DEPLOYMENT_ID?.trim() || "development";
 

app/manifest.ts

@@ -5,8 +5,14 @@ export default function manifest(): MetadataRoute.Manifest {
     id: "/",
     name: "Buzz Sheet",
     short_name: "Buzz Sheet",
-    start_url: "/commission/tickets",
+    description: "ไกด์ตัวละคร อาวุธ อาร์ติแฟกต์ และทีมเกนชิน",
+    start_url: "/",
     display: "standalone",
-    icons: [{ src: "/icon.png", sizes: "any", type: "image/png" }],
+    background_color: "#1b1b22",
+    theme_color: "#1b1b22",
+    icons: [
+      { src: "/icon-192.png", sizes: "192x192", type: "image/png" },
+      { src: "/icon.png", sizes: "512x512", type: "image/png" },
+    ],
   };
 }