Merge branch 'experiment/tanstack' of https://git.odit.services/lfk/frontend into experiment/tanstack

src/components/runners/DeleteRunnerModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { _ } from "svelte-i18n";
   import { clickOutside } from "../base/outsideclick";
-  import { createEventDispatcher } from "svelte";
+  import { createEventDispatcher, onMount } from "svelte";
   export let modal_open;
   export let delete_runner = {
     id: 0,
@@ -9,8 +9,7 @@
     lastname: "",
   };
   const dispatch = createEventDispatcher();
-
-  (() => {
+  onMount(() => {
     document.onkeydown = (e) => {
       e = e || window.event;
       if (e.key === "Escape") {
@@ -23,7 +22,7 @@
         }
       }
     };
-  })();
+  });
   async function submit() {
     dispatch("delete", { id: delete_runner.id });
     modal_open=false;

src/components/runners/RunnersOverview.svelte

@@ -215,6 +215,7 @@
               <th class="cursor-pointer">
                 {#if !header.isPlaceholder}
                   <button
+                    class="w-full"
                     tabindex="0"
                     on:click={header.column.getToggleSortingHandler()}
                   >
@@ -244,7 +245,7 @@
                         header.column.setFilterValue(e.target.value);
                       }}
                       type="text"
-                      class="block rounded-md border-gray-200 py-2 pl-8 text-xs focus:border-blue-500 focus:ring-blue-500"
+                      class="block w-full rounded-md border-gray-200 py-2 pl-8 text-xs focus:border-blue-500 focus:ring-blue-500"
                       placeholder=""
                     />
                     <div