Move themeColor to viewport to fix Next.js 14+ warning

Author: html-proof

src/app/layout.tsx

@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
 import Script from "next/script";
@@ -14,7 +14,6 @@ export const metadata: Metadata = {
         apple: "/icon-192.png",
     },
     manifest: "/manifest.json",
-    themeColor: "#2563eb",
     appleWebApp: {
         capable: true,
         statusBarStyle: "default",
@@ -25,6 +24,10 @@ export const metadata: Metadata = {
     },
 };
 
+export const viewport: Viewport = {
+    themeColor: "#2563eb",
+};
+
 import DisableDevTools from "@/components/common/DisableDevTools";
 import { UndoProvider } from "@/context/UndoContext";
 import { ThemeProvider } from "@/context/ThemeContext";