chore: fix eslint errors

src/lib/components/Skillbar.svelte

@@ -61,6 +61,6 @@
         XP
       </div>
     </div>
-    <div class="h-full w-full flex-1 rounded-full transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (skillData.xpCurrent / (isMaxed ? skillData.xpCurrent : skillData.xpForNext)) * 100}%)`} />
+    <div class="h-full w-full flex-1 rounded-full transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (skillData.xpCurrent / (isMaxed ? skillData.xpCurrent : skillData.xpForNext)) * 100}%)`}></div>
   </Progress.Root>
 </div>

src/lib/constants/mining.ts

@@ -1812,7 +1812,6 @@ const nodeClasses = {
   // HOTM 1
   mining_speed: MiningSpeed
 };
-``;
 
 export const HOTM = {
   tiers: Object.keys(rewards.hotm).length,

src/lib/sections/stats/Pets.svelte

@@ -29,24 +29,19 @@
     <AdditionStat text="Unique Pets" data={`${pets.amount} / ${pets.total}`} />
     <AdditionStat text="Unique Pet Skins" data={`${pets.amountSkins} / ${pets.totalSkins}`} />
     <AdditionStat text="Pet Score" data={`${pets.petScore.amount} (+${pets.petScore.stats.magic_find} MF) `} asterisk={true}>
-      <div class="max-w-xs space-y-2 font-bold">
+      <div class="max-w-xs space-y-6 font-bold">
         <h3 class="text-text/85">Pet score is calculated based on how many unique pets you have and the rarity of these pets.</h3>
-        <br />
         <h3 class="text-text/85">You gain an additional score for each max level pet you have!</h3>
-        <br />
-        <table>
+        <div class="flex flex-col">
           {#each Object.entries(PET_REWARDS) as [score, data]}
-            <tr> </tr><tr
-              ><td>{score} Score: </td><td
-                ><span style="color: var(--§b)">+{data.magic_find} Magic Find</span>
-
-                {#if data.magic_find === pets.petScore.amount}
-                  <span style="color: var(--§5);"> «</span>
-                {/if}
-              </td>
-            </tr>
+            <div>
+              {score} Score: <span style="color: var(--§b)">+{data.magic_find} Magic Find</span>
+              {#if data.magic_find === pets.petScore.amount}
+                <span style="color: var(--§5);"> «</span>
+              {/if}
+            </div>
           {/each}
-        </table>
+        </div>
       </div>
     </AdditionStat>
     <AdditionStat text="Total Candies Used" data={`${pets.totalCandyUsed}`} />

src/lib/sections/stats/Slayer.svelte

@@ -60,7 +60,7 @@
                     XP
                   </div>
                 </div>
-                <div class="h-full w-full flex-1 transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (value.level.xp / (value.level.maxed ? value.level.xp : value.level.xpForNext)) * 100}%)`} />
+                <div class="h-full w-full flex-1 transition-all duration-1000 ease-in-out group-data-[maxed=false]:bg-skillbar group-data-[maxed=true]:bg-maxedbar" style={`transform: translateX(-${100 - (value.level.xp / (value.level.maxed ? value.level.xp : value.level.xpForNext)) * 100}%)`}></div>
               </Progress.Root>
             </div>
           </div>

tailwind.config.ts

@@ -1,3 +1,4 @@
+import containerQueries from "@tailwindcss/container-queries";
 import type { Config } from "tailwindcss";
 import { fontFamily } from "tailwindcss/defaultTheme";
 import plugin from "tailwindcss/plugin";
@@ -83,6 +84,6 @@ export default {
         { values: theme("textShadow") }
       );
     }),
-    require("@tailwindcss/container-queries")
+    containerQueries
   ]
 } satisfies Config;