fix: no scroll on desktop

src/app/components/Hero.tsx

@@ -19,6 +19,7 @@ import {
 import { go } from 'fuzzysort';
 import { debounce } from 'lodash';
 import { useRef, useState } from 'react';
+import { isMobile } from 'react-device-detect';
 import { NAVBAR_HEIGHT } from '../../components/Navbar';
 import { UNLOCALIZED_REGION_NAMES_SHORT } from '../../constants/regions';
 import searchPlayersAcrossRegions, {
@@ -144,7 +145,7 @@ export function Hero() {
               }
             }}
             onFocus={() => {
-              if (!search.current) return;
+              if (!search.current || !isMobile) return;
 
               const sanitized = search.current.value.trim();
               setShowSearch(sanitized.length > 0);

src/app/layout.tsx

@@ -5,8 +5,9 @@ import '@radix-ui/themes/styles.css';
 import { config } from 'dotenv';
 import { Roboto_Flex } from 'next/font/google';
 import { usePathname } from 'next/navigation';
-import { ReactNode } from 'react';
+import { ReactNode, Suspense } from 'react';
 import { Footer } from '../components/Footer';
+import { Loader } from '../components/Loader';
 import Navbar, { NAVBAR_HEIGHT } from '../components/Navbar';
 import { Party3 } from '../components/Party3';
 import { Checks } from './components/Checks';
@@ -71,7 +72,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
 
             <Checks />
 
-            {/* <Suspense
+            <Suspense
               fallback={
                 <div style={{ flex: 1 }}>
                   <Loader />
@@ -79,7 +80,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
               }
             >
               {children}
-            </Suspense> */}
+            </Suspense>
 
             {!isEmbed && <Footer />}
           </Flex>