Move flexbox to the start page view

src/App.vue

@@ -31,11 +31,7 @@ import Footer from './features/footer/components/Footer.vue';
 
 <style scoped>
 .main-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
     width: 100%;
-    gap: 60px;
     flex-grow: 1;
 }
 </style>

src/views/SearchView.vue

@@ -33,6 +33,7 @@ const submitSearch = function () {
 </script>
 
 <template>
+    <div class="search-content">
         <header class="global-header">
             <h1>Seekra</h1>
             <span class="slogan">
@@ -43,9 +44,17 @@ const submitSearch = function () {
         <form class="search-form" @submit.prevent="submitSearch">
             <Searchbar v-model="searchQuery" ref="searchbar" />
         </form>
+    </div>
 </template>
 
 <style scoped>
+.search-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 60px;
+}
+
 .global-header {
     text-align: center;
     display: flex;