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 (
+    <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,6 +45,8 @@ export default function RootLayout ({
   children: React.ReactNode
 }>) {
   return (
+    <Suspense
+      fallback={
         <html lang='en' className={lexend.className}>
           <head>
             <link
@@ -37,15 +55,13 @@ export default function RootLayout ({
               href='https://cdn.lncvrt.xyz/pfp-round.png'
             />
           </head>
-      <Suspense
-        fallback={
           <body className='blue-theme'>
             <p className='px-8 -mt-2 -mb-2 text-center'>Loading...</p>
           </body>
+        </html>
       }
     >
       <Layout>{children}</Layout>
     </Suspense>
-    </html>
   )
 }