Add auto updater to the launcher

src/app/main/game/berrydash/leaderboards/page.tsx

@@ -1,10 +1,10 @@
 'use client'
 
+import './styles.css'
 import { useCallback, useEffect, useState } from 'react'
 import { BirdColor } from '@/types/BerryDash/BirdColor'
 import { GetIconForUser } from '@/lib/berrydashutil'
 import Image from 'next/image'
-import './styles.css'
 import { useRouter } from 'next/navigation'
 import { platform } from '@tauri-apps/plugin-os'
 import { fetch } from '@tauri-apps/plugin-http'
@@ -174,7 +174,7 @@ export default function BerryDashLeaderboards () {
           <button
             className='button btntheme1'
             onClick={() => {
-              if (selected == -1) router.push('/game?id=1')
+              if (selected == -1) router.push('/main/game?id=1')
               else {
                 setSelected(-1)
                 setSelectedBerryOption(0)

src/app/main/game/page.tsx

@@ -1,7 +1,7 @@
 'use client'
 
+import '../Installs.css'
 import { useEffect } from 'react'
-import '@/app/Installs.css'
 import { invoke } from '@tauri-apps/api/core'
 import { useGlobal } from '@/providers/GlobalProvider'
 import { useRouter, useSearchParams } from 'next/navigation'
@@ -75,7 +75,7 @@ export default function Installs () {
           <button
             className='button btntheme1'
             onClick={() => {
-              router.push('/game/berrydash/leaderboards')
+              router.push('/main/game/berrydash/leaderboards')
             }}
             title='View the leaderboards for this game.'
             hidden={game.id != 1}

src/app/main/layout.tsx

@@ -6,7 +6,7 @@ import Sidebar from '@/components/Sidebar'
 import { DownloadProgress } from '@/types/DownloadProgress'
 import { app } from '@tauri-apps/api'
 import { openUrl } from '@tauri-apps/plugin-opener'
-import { GlobalProvider } from '../providers/GlobalProvider'
+import { GlobalProvider } from '@/providers/GlobalProvider'
 import { Roboto } from 'next/font/google'
 import { ServerVersionsResponse } from '@/types/ServerVersionsResponse'
 import { listen } from '@tauri-apps/api/event'

src/app/main/page.tsx

@@ -1,8 +1,8 @@
 'use client'
 
-import { useEffect } from 'react'
 import './Installs.css'
-import { useGlobal } from '../providers/GlobalProvider'
+import { useEffect } from 'react'
+import { useGlobal } from '@/providers/GlobalProvider'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import {
   faCheck,
@@ -70,7 +70,7 @@ export default function Installs () {
                 title={'Click to view game installs'}
                 onClick={() => {
                   setCategory(-1)
-                  router.push('/game?id=' + i.id)
+                  router.push('/main/game?id=' + i.id)
                 }}
               >
                 <div className='h-18 w-screen relative'>

src/app/update/checking/page.tsx

@@ -0,0 +1,5 @@
+'use client'
+
+export default function UpdateCheckingPage () {
+  return <p className='text-5xl text-center'>Checking for updates</p>
+}

src/app/update/layout.tsx

@@ -0,0 +1,42 @@
+'use client'
+
+import '@/styles/globals.css'
+import { platform } from '@tauri-apps/plugin-os'
+import { Roboto } from 'next/font/google'
+import { useEffect, useState } from 'react'
+
+const roboto = Roboto({
+  subsets: ['latin']
+})
+
+export default function RootLayout ({
+  children
+}: {
+  children: React.ReactNode
+}) {
+  const [platformName, setPlatformName] = useState<string | null>(null)
+
+  useEffect(() => {
+    setTimeout(() => setPlatformName(platform()), 0)
+  }, [])
+
+  return (
+    <>
+      <html lang='en' className={roboto.className}>
+        <body className='dark-theme'>
+          <div
+            className='relative z-2 w-screen border-b border-b-(--col3) h-8.25 bg-(--col1)'
+            hidden={platformName != 'windows'}
+          />
+          <div
+            className={`w-screen ${
+              platformName == 'windows' ? 'h-[calc(100vh-64px)]' : 'h-screen'
+            } flex items-center justify-center`}
+          >
+            {children}
+          </div>
+        </body>
+      </html>
+    </>
+  )
+}

src/app/update/updating/page.tsx

@@ -0,0 +1,5 @@
+'use client'
+
+export default function UpdateCheckingPage () {
+  return <p className='text-5xl text-center'>Updating launcher</p>
+}