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

src/components/runners/RunnersOverview.svelte

@@ -24,6 +24,7 @@
   import InputElement from "../shared/InputElement.svelte";
   import { groupFilter } from "../shared/tablefilters";
   import TableActions from "../shared/TableActions.svelte";
+  import DeleteRunnerModal from "./DeleteRunnerModal.svelte";
 
   $: selectedRunners =
     $table?.getSelectedRowModel().rows.map((row) => row.original) || [];
@@ -76,7 +77,10 @@
         return renderComponent(TableActions, {
           detailsLink: `./${info.getValue()}`,
           deleteAction: () => {
-            console.log(info.getValue());
+            active_delete =
+              current_runners[
+                current_runners.findIndex((r) => r.id == info.getValue())
+              ];
           },
           deleteEnabled:
             store.state.jwtinfo.userdetails.permissions.includes(
@@ -90,7 +94,7 @@
 
   //
 
-  $: active_deletes = [];
+  $: active_delete = undefined;
   let dataLoaded = false;
   export let current_runners = [];
   $: sponsoring_contracts_show = selected.length > 0;
@@ -145,6 +149,10 @@
   });
 </script>
 
+<DeleteRunnerModal
+  delete_runner={active_delete}
+  modal_open={active_delete != undefined}
+/>
 {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:GET")}
   {#if !dataLoaded}
     <div