fix: sse, refactor(ui): tabs, feat: help button

pages/realtime.vue

@@ -7,17 +7,29 @@
       id="websocket"
       :label="$t('tab.websocket')"
       :selected="true"
-      class="h-full"
+      style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
     >
       <RealtimeWebsocket />
     </SmartTab>
-    <SmartTab id="sse" :label="$t('sse')" class="h-full">
+    <SmartTab
+      id="sse"
+      :label="$t('sse')"
+      style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
+    >
       <RealtimeSse />
     </SmartTab>
-    <SmartTab id="socketio" :label="$t('socketio')" class="h-full">
+    <SmartTab
+      id="socketio"
+      :label="$t('socketio')"
+      style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
+    >
       <RealtimeSocketio />
     </SmartTab>
-    <SmartTab id="mqtt" :label="$t('tab.mqtt')" class="h-full">
+    <SmartTab
+      id="mqtt"
+      :label="$t('tab.mqtt')"
+      style="height: calc(100% - var(--sidebar-primary-sticky-fold))"
+    >
       <RealtimeMqtt />
     </SmartTab>
   </SmartTabs>

pages/settings.vue

@@ -151,10 +151,10 @@
           </section>
           <section>
             <h4 class="font-bold text-secondaryDark">
-              {{ $t("experiments") }}
+              {{ $t("settings.experiments") }}
             </h4>
             <div class="mt-1 text-secondaryLight">
-              {{ $t("experiments_notice") }}
+              {{ $t("settings.experiments_notice") }}
               <SmartLink
                 class="link"
                 to="https://github.com/hoppscotch/hoppscotch/issues/new/choose"
@@ -177,7 +177,7 @@
                   :on="EXPERIMENTAL_URL_BAR_ENABLED"
                   @change="toggleSetting('EXPERIMENTAL_URL_BAR_ENABLED')"
                 >
-                  {{ $t("use_experimental_url_bar") }}
+                  {{ $t("settings.use_experimental_url_bar") }}
                 </SmartToggle>
               </div>
               <div class="flex items-center">
@@ -343,7 +343,9 @@
     <FirebaseLogin :show="showLogin" @hide-modal="showLogin = false" />
     <SmartConfirmModal
       :show="confirmRemove"
-      :title="`${$t('confirm.remove_telemetry')} ${$t('telemetry_helps_us')}`"
+      :title="`${$t('confirm.remove_telemetry')} ${$t(
+        'settings.telemetry_helps_us'
+      )}`"
       @hide-modal="confirmRemove = false"
       @resolve="
         toggleSetting('TELEMETRY_ENABLED')