RunnersOverview: add filter keyboard support

src/components/runners/RunnersOverview.svelte

@@ -78,7 +78,10 @@
           deleteAction: () => {
             console.log(info.getValue());
           },
-          deleteEnabled: store.state.jwtinfo.userdetails.permissions.includes("RUNNER:DELETE"),
+          deleteEnabled:
+            store.state.jwtinfo.userdetails.permissions.includes(
+              "RUNNER:DELETE"
+            ),
         });
       },
       enableColumnFilter: false,
@@ -181,7 +184,11 @@
             {#each headerGroup.headers as header}
               <th class="cursor-pointer">
                 {#if !header.isPlaceholder}
-                  <div on:click={header.column.getToggleSortingHandler()}>
+                  <button
+                    role="button"
+                    tabindex="0"
+                    on:click={header.column.getToggleSortingHandler()}
+                  >
                     <svelte:component
                       this={flexRender(
                         header.column.columnDef.header,
@@ -193,7 +200,7 @@
                     {:else if header.column.getIsSorted().toString() == "desc"}
                       🔽
                     {/if}
-                  </div>
+                  </button>
                 {/if}
                 {#if header.column.getCanFilter()}
                   <div class="relative max-w-xs">