chore: minor ui improvements

packages/hoppscotch-app/src/pages/realtime/socketio.vue

@@ -2,7 +2,7 @@
   <AppPaneLayout layout-id="socketio">
     <template #primary>
       <div
-        class="sticky top-0 z-10 flex flex-shrink-0 p-4 overflow-x-auto space-x-2 bg-primary"
+        class="sticky top-0 z-10 flex flex-shrink-0 p-4 space-x-2 overflow-x-auto bg-primary"
       >
         <div class="inline-flex flex-1 space-x-2">
           <div class="flex flex-1">
@@ -108,7 +108,7 @@
             :show-event-field="true"
             :is-connected="connectionState === 'CONNECTED'"
             @send-message="sendMessage($event)"
-          ></RealtimeCommunication>
+          />
         </SmartTab>
         <SmartTab :id="'protocols'" :label="`${t('request.authorization')}`">
           <div

packages/hoppscotch-app/src/pages/realtime/websocket.vue

@@ -49,7 +49,7 @@
           <RealtimeCommunication
             :is-connected="connectionState === 'CONNECTED'"
             @send-message="sendMessage($event)"
-          ></RealtimeCommunication>
+          />
         </SmartTab>
         <SmartTab :id="'protocols'" :label="`${t('websocket.protocols')}`">
           <div