Add OwlBoard API Library

Add styling to UI Components

src/lib/components/ui/cards/pis/PisStartEndCard.svelte

@@ -3,6 +3,9 @@ import BaseCard from '$lib/components/ui/cards/BaseCard.svelte';
 import Textbox from '$lib/components/ui/Textbox.svelte';
 import Button from '$lib/components/ui/Button.svelte';
 
+let { onsearch }: { onsearch: (s: string, e: string) => void } = $props();
+
+
 let startValue = $state('');
 let endValue = $state('');
 
@@ -23,7 +26,7 @@ function resetValues(): void {
             </div>
         </div>
         <div class="button-wrapper">
-            <Button>Search</Button>
+            <Button onclick={() => onsearch(startValue, endValue)}>Search</Button>
             <Button onclick={resetValues}>Reset</Button>
         </div>
 	</div>