Add find by headcode Card to PIS page

src/lib/cards/FindByHeadcodeCard.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+    import LookupCard from "./LookupCard.svelte";
+
+    const LookupCardConfig = {
+            title: "Find By Headcode",
+            helpText: "",
+            formAction: "/train",
+            placeholder: "enter headcode",
+            maxLen: 4,
+            fieldName: "headcode",
+        }
+</script>
+
+<LookupCard config={LookupCardConfig} />

src/routes/pis/+page.svelte

@@ -9,6 +9,7 @@
     import type { OB_Pis_FullObject } from "@owlboard/ts-types";
     import Card from "$lib/cards/Card.svelte";
     import type { CardConfig } from "$lib/cards/Card.types";
+    import FindByHeadcodeCard from "$lib/cards/FindByHeadcodeCard.svelte";
 
     const title = "PIS Finder";
     let entryPIS = "";
@@ -96,14 +97,6 @@
         onRefresh: () => {},
         refreshing: false,
     }
-    const findByHeadcodeCard: CardConfig = {
-        title: "Find by Headcode",
-        showHelp: true,
-        helpText: "Find by Headcode can be found on the homepage",
-        showRefresh: false,
-        onRefresh: () => {},
-        refreshing: false,
-    }
     const findByStartEndCard: CardConfig = {
         title: "Find by Start/End CRS",
         showHelp: true,
@@ -147,12 +140,7 @@
     </Card>
     <button id="reset" type="reset" on:click={reset}>Reset</button>
 {:else}
-    <Card config={findByHeadcodeCard}>
-        <span class="important">Find by Headcode from the homepage</span>
-        <br>
-        The tools below are more helpful if you've been diverted or are not starting your journey at your scheduled origin.
-        <br><br>
-    </Card>
+    <FindByHeadcodeCard />
     <Card config={findByStartEndCard}>
     <form on:submit={findByStartEnd}>
         <input type="text" maxlength="3" pattern="^[A-Za-z]+$" autocomplete="off" placeholder="Start" required bind:value={entryStartCRS} />