Add LocationSearchCard and add to homepage for testing.

Run `npm run format`

src/routes/+page.svelte

@@ -1,22 +1,18 @@
 <script lang="ts">
-	import Button from '$lib/components/ui/Button.svelte';
-	import LocationSearchBox from '$lib/components/ui/LocationSearchBox.svelte';
-	import Textbox from '$lib/components/ui/Textbox.svelte';
-	import BaseCard from '$lib/components/ui/cards/BaseCard.svelte';
-
-	function test() {
-		console.log('Button Clicked');
-	}
+	import LocationBoardCard from '$lib/components/ui/cards/LocationBoardCard.svelte';
 </script>
 
-<br /><br /><br />
-<Button>Default</Button>
-<Button color={'brand'} onclick={test}>Brand</Button>
-<Button color={'accent'}>Accent</Button>
-<Textbox placeholder={"Textbox am I"} uppercase={true} error={""} />
+<div class="card-container">
+	<LocationBoardCard />
+</div>
 
-<BaseCard header={"Hello"} helpText={"This is help text"}>Hello</BaseCard>
-
-<LocationSearchBox />
-
-<h2>OwlBoard</h2>
+<style>
+	.card-container {
+		display: flex;
+		align-items: center;
+		flex-direction: column;
+		gap: 20px;
+		justify-content: center;
+		padding: 20px 10px;
+	}
+</style>