chore: Update layout.tsx with viewport configuration

app/layout.tsx

@@ -1,5 +1,5 @@
 import "./globals.css";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import { Toaster } from "sonner";
 import { Inter, Instrument_Serif } from 'next/font/google';
 import { Analytics } from "@vercel/analytics/react";
@@ -19,6 +19,14 @@ const inter = Inter({
   subsets: ["latin"],
 })
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  minimumScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+}
+
 const instrumentSerif = Instrument_Serif({
   weight: "400",
   subsets: ["latin"],