Create seperate search bar

src/components/SearchBar.vue

@@ -0,0 +1,9 @@
+<template>
+    <div class="relative hidden md:block">
+        <label for="searchBar" class="hidden">Search</label>
+        <v-icon name="io-search-outline" class="text-black absolute my-auto inset-y-0 left-2"></v-icon>
+        <input type="text" placeholder="Search"
+            @keyup.enter="this.$router.push('/search?query=' + this.$refs.searchInput.value)"
+            class="rounded-md p-1 pl-8 text-black" ref="searchInput" />
+    </div>
+</template>