feat: add viewport configuration and clean up metadata in layout

Author: danieldanielecki

app/layout.tsx

@@ -1,11 +1,17 @@
 import { type ReactNode } from "react";
-import { type Metadata } from "next";
+import { type Metadata, type Viewport } from "next";
 import TopNav from "@azure-fundamentals/components/TopNav";
 import Footer from "@azure-fundamentals/components/Footer";
 import ApolloProvider from "@azure-fundamentals/components/ApolloProvider";
 import Cookie from "@azure-fundamentals/components/Cookie";
 import "styles/globals.css";
 
+export const viewport: Viewport = {
+  themeColor: "#3f51b5",
+  width: "device-width",
+  initialScale: 1,
+};
+
 export const metadata: Metadata = {
   appleWebApp: {
     capable: true,
@@ -71,7 +77,6 @@ export const metadata: Metadata = {
     follow: true,
     index: true,
   },
-  themeColor: "#3f51b5",
   title: {
     default: "🧪 Practice Exams Platform | Ditectrev",
     template: "🧪 Practice Exams Platform | Ditectrev",
@@ -90,10 +95,6 @@ export const metadata: Metadata = {
     site: "@ditectrev",
     title: "🧪 Practice Exams Platform | Ditectrev",
   },
-  viewport: {
-    initialScale: 1,
-    width: "device-width",
-  },
 };
 
 type RootLayoutProps = {