refactor: minor ui improvements

components/app/Header.vue

@@ -2,7 +2,7 @@
   <div>
     <header class="flex flex-1 py-2 px-4 items-center justify-between">
       <div class="font-bold flex-shrink-0 inline-flex items-center">
-        Hoppscotch
+        <AppLogo />
       </div>
       <div class="space-x-2 flex-shrink-0 inline-flex items-center">
         <AppGitHubStarButton class="flex mx-2 mt-1" />

components/app/Logo.vue

@@ -1,14 +1,18 @@
 <template>
   <svg
     class="logo"
-    viewBox="0 0 24 24"
-    width="16"
-    height="16"
     xmlns="http://www.w3.org/2000/svg"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    aria-hidden="true"
+    role="img"
+    width="24"
+    height="24"
+    preserveAspectRatio="xMidYMid meet"
+    viewBox="0 0 24 24"
   >
     <path
-      class="fill-current"
-      d="M2.534 9.287C2.534 15.46 7.56 24 12 24c4.18 0 9.466-8.539 9.466-14.713C21.467 3.113 17.228 0 12 0 6.772 0 2.534 3.113 2.534 9.287zm11.926 4.565a4.649 4.649 0 014.257-1.261 4.649 4.649 0 01-1.262 4.256 4.649 4.649 0 01-4.257 1.262 4.649 4.649 0 011.262-4.257zm-9.177-1.261a4.649 4.649 0 014.258 1.261 4.649 4.649 0 011.261 4.257 4.649 4.649 0 01-4.257-1.262 4.649 4.649 0 01-1.262-4.256z"
+      d="M17 10.54C16.78 7.44 14.63 5 12 5s-4.78 2.44-5 5.54C4 11.23 2 12.5 2 14c0 2.21 4.5 4 10 4s10-1.79 10-4c0-1.5-2-2.77-5-3.46m-2.07 1.3c-1.9.21-3.96.21-5.86 0c-.04-.28-.07-.56-.07-.84c0-2.2 1.35-4 3-4s3 1.8 3 4c0 .28 0 .56-.07.84z"
+      fill="currentColor"
     />
   </svg>
 </template>