chore: improve ui responsiveness

packages/hoppscotch-ui/histoire.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
       light: "/logo.png",
       dark: "/logo.png",
     },
-    // logoHref: "https://ui.hoppscotch.io",
+    logoHref: "https://ui.hoppscotch.io",
     favicon: 'favicon.ico',
   },
   setupFile: "histoire.setup.ts",

packages/hoppscotch-ui/src/components/smart/Tabs.vue

@@ -212,8 +212,8 @@ const selectTab = (id: string) => {
       @apply inline-flex;
       @apply items-center;
       @apply justify-center;
-      @apply w-5;
-      @apply h-4;
+      @apply px-1 py-0.75;
+      @apply min-w-4;
       @apply ml-2;
       @apply text-8px;
       @apply border border-divider;

packages/hoppscotch-ui/src/stories/Link.story.vue

@@ -14,5 +14,5 @@
 <script setup lang="ts">
 import { ref } from "vue"
 
-const link = ref("/graphql")
+const link = ref("/")
 </script>