Working runner runnercard generation

ref #94

src/components/runners/RunnersOverview.svelte

@@ -9,6 +9,7 @@
   import RunnersEmptyState from "./RunnersEmptyState.svelte";
   import Select from "svelte-select";
   import GenerateSponsoringContracts from "../pdf_generation/GenerateSponsoringContracts.svelte";
+  import GenerateRunnerCards from "../pdf_generation/GenerateRunnerCards.svelte";
   $: searchvalue = "";
   $: active_deletes = [];
   export let current_runners = [];
@@ -23,6 +24,9 @@
   $: sponsoring_contracts_show = current_runners.some(
     (r) => r.is_selected === true
   );
+  $: cards_show = current_runners.some(
+    (r) => r.is_selected === true
+  );
   $: generate_runners = current_runners.filter((r) => r.is_selected === true);
   $: teams = [];
   $: orgs = [];
@@ -85,6 +89,9 @@
         <GenerateSponsoringContracts
           bind:sponsoring_contracts_show
           bind:generate_runners />
+        <GenerateRunnerCards
+          bind:cards_show
+          bind:generate_runners />
       </div>
       <div
         class="shadow border-b border-gray-200 sm:rounded-lg overflow-x-scroll">