dashboard design changes

src/app/layout.tsx

@@ -15,13 +15,27 @@ const inter = Inter({
   display: 'swap',
 });
 
+/**
+ * Icons and the web manifest are NOT declared here. They come from the app-dir
+ * file conventions — favicon.ico, icon.png, apple-icon.png and manifest.ts,
+ * all siblings of this file — which Next hashes and emits the <link> tags for.
+ * Adding an `icons` key would shadow those with unversioned paths.
+ */
 export const metadata: Metadata = {
+  applicationName: 'Loyaly.ai Merchant OS',
   title: {
-    default: 'Loyaly Merchant',
-    template: '%s · Loyaly Merchant',
+    default: 'Loyaly.ai Merchant OS',
+    template: '%s · Loyaly.ai',
   },
   description:
     'Footfall, campaign and LYT redemption analytics for Loyaly merchants.',
+  appleWebApp: {
+    capable: true,
+    title: 'Loyaly',
+    // The mark sits on black in apple-icon.png; match it so the notch area
+    // does not seam against the canvas when installed.
+    statusBarStyle: 'black-translucent',
+  },
 };
 
 export const viewport: Viewport = {