Update layout.tsx

app/dashboard/chats/layout.tsx

@@ -1,10 +1,19 @@
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 
 export const metadata: Metadata = {
   title: "Customer Chats | Ember Market",
   description: "Manage your customer conversations",
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  themeColor: [
+    { media: "(prefers-color-scheme: dark)", color: "#000000" },
+    { media: "(prefers-color-scheme: light)", color: "#D53F8C" },
+  ],
+};
+
 export default function ChatsLayout({ children }: { children: React.ReactNode }) {
   return <>{children}</>;
 }