fix: page styling, search page

apps/vdn-static/src/App.vue

@@ -56,7 +56,7 @@ const closeBurger = (): void => {
 					<RouterLink class="navbar-item" to="/kotoba">
 						Kotoba
 					</RouterLink>
-					<LocalePicker />
+					<LocalePicker class="navbar-item"/>
 				</div>
 			</div>
 		</nav>

apps/vdn-static/src/components/molecules/HomeSectionWrapper.vue

@@ -13,7 +13,7 @@ defineProps<{
 		<template v-if="reverse">
 			<div class="column">
 				<h2 class="title is-4">{{ title }}</h2>
-				<p class="has-text-white">{{ text }}</p>
+				<p>{{ text }}</p>
 			</div>
 			<div class="column is-one-quarter" v-if="image">
 				<figure class="image">
@@ -30,7 +30,7 @@ defineProps<{
 			</div>
 			<div class="column">
 				<h2 class="title is-4">{{ title }}</h2>
-				<p class="has-text-white">{{ text }}</p>
+				<p>{{ text }}</p>
 			</div>
 		</template>
 	</div>

apps/vdn-static/src/components/pages/KotobaPage.vue

@@ -5,13 +5,13 @@
 		</section>
 
 		<section class="section container">
-			<input type="text" name="text" id="aaa">
+			<p class="notification">
+				⚠under construction :3⚠
+			</p>
 		</section>
 	</div>
 </template>
 
-<!--  -->
-
-<script setup lang="ts">
+<script lang="ts">
 
 </script>

apps/vdn-static/src/service/kotoba.service.ts

@@ -0,0 +1,12 @@
+import axios from "axios";
+import SERVER_URL from "./web.service"
+import type { SearchResult } from "@repo/common/dto";
+
+export default class KotobaService {
+
+	public static search(search_term:string){
+		return axios.get<SearchResult>(`${SERVER_URL}/search`, 
+			{params:{ search_term }});
+	}
+
+}

apps/vdn-static/src/service/web.service.ts

@@ -0,0 +1,4 @@
+/* Establish constants here */
+export default class WebConstants {
+	static SERVER_URL: string = "http://localhost:1225"
+}