[F] Fix svelte warnings & errors

AquaNet/src/components/DashboardTabs.svelte

@@ -27,7 +27,7 @@
     display: flex
     gap: 1rem
 
-    div
+    a
       &.active
         color: vars.$c-main
 </style>

AquaNet/src/components/Pagination.svelte

@@ -9,6 +9,10 @@
   let editing = false
   let inputPage: number
 
+  function focus(node: HTMLInputElement) {
+    node.focus()
+  }
+
   function updatePage(newPage: number) {
     if (newPage > 0 && newPage <= totalPages) dispatch('updatePage', newPage)
   }
@@ -33,7 +37,7 @@
   <button on:click={() => updatePage(page - 1)} disabled={page <= 1}>Previous</button>
 
   {#if editing}
-    <input bind:value={inputPage} on:blur={finishEditing} on:keydown={handleKeydown} min="1" max={totalPages} autofocus/>
+    <input bind:value={inputPage} on:blur={finishEditing} on:keydown={handleKeydown} min="1" max={totalPages} use:focus/>
   {:else}
     <span on:click={startEditing} role="button" tabindex="0" on:keydown={(e) => e.key === 'Enter' && startEditing()}>
       Page {page} of {totalPages}

AquaNet/src/components/Tooltip.svelte

@@ -27,15 +27,15 @@
     })
   })
 
-  function mouseOver(event: MouseEvent) {
+  function mouseOver(event: Event) {
     console.log('over')
     isHovered = true
-    updatePosition(event)
+    updatePosition(event as MouseEvent)
   }
 
-  function mouseMove(event: MouseEvent) {
+  function mouseMove(event: Event) {
     console.log('move')
-    updatePosition(event)
+    updatePosition(event as MouseEvent)
   }
 
   function updatePosition(event: MouseEvent) {

AquaNet/src/components/UserCard.svelte

@@ -14,7 +14,7 @@
   let error = ""
 
   setLoading(true)
-  GAME.userSummary(username, game).then(d => data = d).catch(e => error = e).finally(_ => setLoading(false))
+  GAME.userSummary(username, game).then(d => data = d).catch(e => error = e).finally(() => setLoading(false))
 </script>
 
 {#if !data}

AquaNet/src/components/settings/ChuniSettings.svelte

@@ -179,7 +179,7 @@
     try {
       data = await GAME.export('chu3')
     }
-    catch (e) {
+    catch (e: any) {
       error = e.message
       submitting = ""
       return
@@ -481,7 +481,7 @@
       <span>{USERBOX_SETUP_MODE ? t('userbox.new.url_warning') : USERBOX_SETUP_TEXT}</span>
       <div class="actions">
         {#if USERBOX_SETUP_MODE}
-          <input type="text" on:keyup={e => {if (e.key == "Enter") { userboxHandleInput((e.target as HTMLInputElement).value) } else g(e.currentTarget.value)}} class="add-margin" placeholder="Base URL">
+          <input type="text" on:keyup={e => {if (e.key == "Enter") { userboxHandleInput((e.target as HTMLInputElement).value) }}} class="add-margin" placeholder="Base URL">
         {:else}
           {#if USERBOX_PROGRESS != 0}
             <div class="progress">
@@ -558,36 +558,6 @@ p.notice
     height: 100%
     opacity: 0
 
-.preview
-  margin-top: 32px
-  display: flex
-  flex-wrap: wrap
-  justify-content: space-between
-  gap: 32px
-
-  > div
-    position: relative
-    width: 100px
-    height: 100px
-    overflow: hidden
-    background: vars.$ov-lighter
-    border-radius: vars.$border-radius
-
-    span
-      position: absolute
-      bottom: 0
-      width: 100%
-      text-align: center
-      z-index: 10
-      background: rgba(0, 0, 0, 0.2)
-      backdrop-filter: blur(2px)
-
-    img
-      position: absolute
-      inset: 0
-      width: 100%
-      height: 100%
-      object-fit: contain
 
 .fields
   display: flex

AquaNet/src/components/settings/RegionSelector.svelte

@@ -3,8 +3,8 @@
   import { ts } from "../../libs/i18n";
   import StatusOverlays from "../StatusOverlays.svelte";
   let regionId = $state(0);
-  let submitting = ""
-  let error: string;
+  let submitting = $state("")
+  let error: string = $state("");
 
   const prefectures = ["None","Aichi","Aomori","Akita","Ishikawa","Ibaraki","Iwate","Ehime","Oita","Osaka","Okayama","Okinawa","Kagawa","Kagoshima","Kanagawa","Gifu","Kyoto","Kumamoto","Gunma","Kochi","Saitama","Saga","Shiga","Shizuoka","Shimane","Chiba","Tokyo","Tokushima","Tochigi","Tottori","Toyama","Nagasaki","Nagano","Nara","Niigata","Hyogo","Hiroshima","Fukui","Fukuoka","Fukushima","Hokkaido","Mie","Miyagi","Miyazaki","Yamagata","Yamaguchi","Yamanashi","Wakayama"]
 
@@ -31,7 +31,7 @@
     <span class="name">{ts(`settings.regionSelector.title`)}</span>
     <span class="desc">{ts(`settings.regionSelector.desc`)}</span>
   </label>
-  <select bind:value={regionId} on:change={saveNewRegion}>
+  <select bind:value={regionId} onchange={saveNewRegion}>
     <option value={0} disabled selected>{ts("settings.regionSelector.select")}</option>
     {#each prefectures.slice(1) as prefecture, index}
       <option value={index}>{prefecture}</option>

AquaNet/src/components/ui/Error.svelte

@@ -4,7 +4,6 @@
   import { DISCORD_INVITE } from "../../libs/config";
 
   export let error: string;
-  export let expected: boolean = false;
 </script>
 
 <div class="overlay" transition:fade>