Make component styles scoped

src/App.vue

@@ -10,7 +10,7 @@ import Navbar from './features/nav/components/Navbar.vue';
     </div>
 </template>
 
-<style>
+<style scoped>
 .content-background  {
     background: 
         radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%),

src/features/search/components/Searchbar.vue

@@ -5,7 +5,7 @@
     </div>
 </template>
 
-<style>
+<style scoped>
 .search-wrapper {
     --submit-button-padding-y: 8px;
     --submit-button-content-height: 18px;

src/views/SearchView.vue

@@ -17,7 +17,7 @@ import Searchbar from '../features/search/components/Searchbar.vue'
     </div>
 </template>
 
-<style>
+<style scoped>
 .global-header {
     text-align: center;
     display: flex;