Match font for launcher flag

src/app/layout.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { Lexend } from 'next/font/google'
+import { Lexend, Roboto } from 'next/font/google'
 import './globals.css'
 import { Suspense } from 'react'
 import { useSearchParams } from 'next/navigation'
@@ -9,6 +9,10 @@ const lexend = Lexend({
   subsets: ['latin']
 })
 
+const roboto = Roboto({
+  subsets: ['latin']
+})
+
 function Layout ({
   children
 }: Readonly<{
@@ -17,9 +21,21 @@ function Layout ({
   const params = useSearchParams()
 
   return (
-    <body className={(params.get('theme') ?? 'blue') + '-theme'}>
-      {children}
-    </body>
+    <html
+      lang='en'
+      className={params.get('launcher') ? roboto.className : lexend.className}
+    >
+      <head>
+        <link
+          rel='icon'
+          type='image/png'
+          href='https://cdn.lncvrt.xyz/pfp-round.png'
+        />
+      </head>
+      <body className={(params.get('theme') ?? 'blue') + '-theme'}>
+        {children}
+      </body>
+    </html>
   )
 }
 
@@ -29,23 +45,23 @@ export default function RootLayout ({
   children: React.ReactNode
 }>) {
   return (
-    <html lang='en' className={lexend.className}>
-      <head>
-        <link
-          rel='icon'
-          type='image/png'
-          href='https://cdn.lncvrt.xyz/pfp-round.png'
-        />
-      </head>
-      <Suspense
-        fallback={
+    <Suspense
+      fallback={
+        <html lang='en' className={lexend.className}>
+          <head>
+            <link
+              rel='icon'
+              type='image/png'
+              href='https://cdn.lncvrt.xyz/pfp-round.png'
+            />
+          </head>
           <body className='blue-theme'>
             <p className='px-8 -mt-2 -mb-2 text-center'>Loading...</p>
           </body>
-        }
-      >
-        <Layout>{children}</Layout>
-      </Suspense>
-    </html>
+        </html>
+      }
+    >
+      <Layout>{children}</Layout>
+    </Suspense>
   )
 }