feat: replace h1 text with logo image in SearchView

src/views/SearchView.vue

@@ -32,7 +32,7 @@ const submitSearch = function () {
 <template>
     <div class="search-content">
     <header class="global-header">
-            <h1>Seekra</h1>
+        <img src="@/assets/logo.svg" alt="Seekra" class="header-logo" />
         <span class="slogan">
             Built to search.
         </span>
@@ -60,20 +60,9 @@ const submitSearch = function () {
     padding-top: 40px;
 }
 
-.global-header h1 {
+.header-logo {
-    display: inline-block;
+    width: 320px;
-    margin: 0;
+    max-width: 100%;
-    line-height: 1;
-    background: linear-gradient(
-        to right,
-        var(--primary-color-l-4),
-        var(--primary-color),
-        var(--primary-color-d-4)
-    );
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    font-size: 6rem;
 }
 
 .slogan{