feat(runners): Created_via filters can now be set via query params

src/App.svelte

@@ -126,8 +126,8 @@
           <Route path="/:trackid" let:params />
         </Route>
         <Route path="/runners/*">
-          <Route path="/">
+          <Route path="/" let:meta>
-            <Runners created_via="all" />
+            <Runners created_via={meta.query.created_via} />
           </Route>
           <Route path="/:runnerid" let:params>
             <RunnerDetail {params} />

src/components/dashboard/MainDashContent.svelte

@@ -220,7 +220,7 @@
 			<StatCard
 				title={$_("runner_via_selfservice")}
 				value={stats.runnersViaSelfservice}
-				href="/runners/"
+				href="/runners/?created_via=selfservice"
 			>
 				<svg
 					height="24"
@@ -237,7 +237,7 @@
 			<StatCard
 				title={$_('runners_via_kiosk')}
 				value={stats.runnersViaKiosk}
-				href="/runners/"
+				href="/runners/?created_via=kiosk"
 			>
 				<svg
 					height="24"

src/components/runners/Runners.svelte

@@ -176,7 +176,6 @@
       const runners = await RunnerService.runnerControllerGetAll(
         page,
         500,
-				created_via
       );
       if (runners.length == 0) {
         page = -2;
@@ -200,15 +199,21 @@
   $: current_runners = [];
   export let modal_open = false;
   export let import_modal_open = false;
+
+  if (created_via != "all") {
+    $table.setColumnFilters([
+      {
+        id: "created_via",
+        value: created_via,
+      },
+    ]);
+  }
 </script>
 
 <section class="container p-5">
   <h4 class="mb-1 text-3xl font-extrabold leading-tight">
     {$_("runners")}
   </h4>
-	{#if created_via !== "all"}
-		<p>created_via={created_via}</p>
-	{/if}
   {#if store.state.jwtinfo.userdetails.permissions.includes("RUNNER:CREATE")}
     <button
       on:click={() => {