Add OwlBoard API Library

Add styling to UI Components

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

@@ -3,6 +3,8 @@ 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: (c: string) => void } = $props();
+
 let codeValue = $state('');
 
 function resetValues(): void {
@@ -18,7 +20,7 @@ function resetValues(): void {
             </div>
         </div>
         <div class="button-wrapper">
-            <Button>Search</Button>
+            <Button onclick={() => onsearch(codeValue.toString())}>Search</Button>
             <Button onclick={resetValues}>Reset</Button>
         </div>
 	</div>