Initial migration to Svelte5 via full syntax compatability

- updated all dependencies
- removed svelte-chartjs wrapper from dependencies
- sveltestrap causes compilation warnings (once)
- Header.svelte uses new Svelte5 syntax as example
- fixed most initial compilation warnings except circular dependencies with TBD cause

web/frontend/src/job/JobSummary.svelte

@@ -282,6 +282,7 @@
     <TabPane tabId="polar" tab="Polar" active={!showFootprint}>
       <CardBody>
         <Polar
+          canvasId={job.jobId}
           {footprintData}
           {jobMetrics}
         />

web/frontend/src/job/StatsTableEntry.svelte

@@ -71,26 +71,28 @@
 {:else}
   <td colspan="4">
     <table style="width: 100%;">
-      <tr>
-        {#each ["id", "min", "avg", "max"] as field}
-          <th on:click={() => sortByField(field)}>
-            Sort
-            <Icon
-              name="caret-{sorting[field].dir}{sorting[field].active
-                ? '-fill'
-                : ''}"
-            />
-          </th>
-        {/each}
-      </tr>
-      {#each series as s, i}
+      <tbody>
         <tr>
-          <th>{s.id ?? i}</th>
-          <td>{s.statistics.min}</td>
-          <td>{s.statistics.avg}</td>
-          <td>{s.statistics.max}</td>
+          {#each ["id", "min", "avg", "max"] as field}
+            <th on:click={() => sortByField(field)}>
+              Sort
+              <Icon
+                name="caret-{sorting[field].dir}{sorting[field].active
+                  ? '-fill'
+                  : ''}"
+              />
+            </th>
+          {/each}
         </tr>
-      {/each}
+        {#each series as s, i}
+          <tr>
+            <th>{s.id ?? i}</th>
+            <td>{s.statistics.min}</td>
+            <td>{s.statistics.avg}</td>
+            <td>{s.statistics.max}</td>
+          </tr>
+        {/each}
+      </tbody>
     </table>
   </td>
 {/if}