fix hot-reload not working

package.json

@@ -11,36 +11,36 @@
     "format": "prettier --write ."
   },
   "dependencies": {
-    "@astrojs/node": "^9.2.1",
-    "@astrojs/svelte": "^7.0.13",
-    "@iconify-json/fa-brands": "^1.2.1",
+    "@astrojs/node": "^9.4.1",
+    "@astrojs/svelte": "^7.1.0",
+    "@iconify-json/fa-brands": "^1.2.2",
     "@iconify-json/heroicons": "^1.2.2",
-    "@iconify/svelte": "^5.0.0",
-    "@inox-tools/runtime-logger": "^0.5.1",
-    "@tailwindcss/vite": "^4.1.7",
-    "astro": "^5.7.13",
-    "astro-icon": "^1.1.5",
+    "@iconify/svelte": "^5.0.1",
+    "@inox-tools/runtime-logger": "^0.6.0",
+    "@tailwindcss/vite": "^4.1.12",
+    "astro": "^5.13.0",
+    "astro-icon": "=1.1.2",
     "bcrypt": "^6.0.0",
-    "daisyui": "^5.0.35",
-    "drizzle-orm": "^0.43.1",
-    "mysql2": "^3.14.1",
+    "daisyui": "^5.0.50",
+    "drizzle-orm": "^0.44.4",
+    "mysql2": "^3.14.3",
     "nanostores": "^1.0.1",
-    "sass-embedded": "^1.89.0",
+    "sass-embedded": "^1.90.0",
     "skinview3d": "^3.4.1",
-    "tailwindcss": "^4.1.7",
-    "typescript": "^5.8.3"
+    "tailwindcss": "^4.1.12",
+    "typescript": "^5.9.2"
   },
   "devDependencies": {
-    "@types/bcrypt": "^5.0.2",
-    "@typescript-eslint/parser": "^8.32.1",
-    "eslint": "^9.27.0",
+    "@types/bcrypt": "^6.0.0",
+    "@typescript-eslint/parser": "^8.39.1",
+    "eslint": "^9.33.0",
     "eslint-plugin-astro": "^1.3.1",
-    "eslint-plugin-svelte": "^3.8.1",
-    "globals": "^16.1.0",
-    "prettier": "^3.5.3",
+    "eslint-plugin-svelte": "^3.11.0",
+    "globals": "^16.3.0",
+    "prettier": "^3.6.2",
     "prettier-plugin-astro": "^0.14.1",
     "prettier-plugin-svelte": "^3.4.0",
-    "svelte": "^5.30.2",
-    "typescript-eslint": "^8.32.1"
+    "svelte": "^5.38.1",
+    "typescript-eslint": "^8.39.1"
   }
 }

src/app/website/index/Teams.svelte

@@ -51,9 +51,9 @@
     <thead>
       <tr>
         <th style="width: 30%">Team</th>
-        <th style="width: 30%">Spieler 1</th>
-        <th style="width: 30%">Spieler 2</th>
-        <th style="width: 10%">Kills</th>
+        <th style="width: 25%">Spieler 1</th>
+        <th style="width: 25%">Spieler 2</th>
+        <th style="width: 20%">Kills</th>
       </tr>
     </thead>
     <tbody>
@@ -62,7 +62,7 @@
         {@const teamDead = !!team.memberOne.dead && !!team.memberTwo.dead}
         <tr>
           <td>
-            <div class="flex items-center gap-x-2">
+            <div class="flex items-center gap-x-2 w-full">
               <div class="relative">
                 <div class="rounded-sm min-w-3 w-3 min-h-3 h-3" style="background-color: {team.color}"></div>
                 {#if aliveTeams === 1 && teamSignedUp && !teamDead}
@@ -80,7 +80,7 @@
             {/if}
           </td>
           <td class="max-w-9 overflow-ellipsis">
-            <div class="flex items-center gap-x-2 w-max tooltip">
+            <div class="flex items-center gap-x-2 w-full tooltip">
               {#if team.memberOne.kills.length > 0 || team.memberOne.dead}
                 <div class="tooltip-content text-left space-y-1">
                   {#each team.memberOne.kills as kill (kill.killed.id)}
@@ -109,7 +109,7 @@
             </div>
           </td>
           <td>
-            <div class="flex items-center gap-x-2 w-max tooltip">
+            <div class="flex items-center gap-x-2 w-full tooltip">
               {#if team.memberTwo.kills.length > 0 || team.memberTwo.dead}
                 <div class="tooltip-content text-left space-y-1">
                   {#each team.memberTwo.kills as kill (kill.killed.id)}
@@ -138,7 +138,7 @@
             </div>
           </td>
           <td>
-            <span class="text-xs sm:text-md">
+            <span class="text-xs sm:text-md w-full">
               {team.memberOne.kills.length + team.memberTwo.kills.length}
             </span>
           </td>