refactor(ui): better spacing and font-weight

packages/hoppscotch-app/components/realtime/Mqtt.vue

@@ -16,7 +16,6 @@
                 <input
                   id="mqtt-url"
                   v-model="url"
-                  v-focus
                   type="url"
                   autocomplete="off"
                   spellcheck="false"

packages/hoppscotch-app/components/realtime/Socketio.vue

@@ -60,7 +60,6 @@
                   <input
                     id="socketio-url"
                     v-model="url"
-                    v-focus
                     type="url"
                     autocomplete="off"
                     spellcheck="false"

packages/hoppscotch-app/components/realtime/Sse.vue

@@ -7,7 +7,6 @@
             <input
               id="server"
               v-model="server"
-              v-focus
               type="url"
               autocomplete="off"
               :class="{ error: !serverValid }"

packages/hoppscotch-app/components/realtime/Websocket.vue

@@ -16,7 +16,6 @@
                 <input
                   id="websocket-url"
                   v-model="url"
-                  v-focus
                   class="
                     bg-primaryLight
                     border border-divider
@@ -158,7 +157,7 @@
                 "
                 :alt="$t('empty.protocols')"
               />
-              <span class="text-center">
+              <span class="text-center mb-4">
                 {{ $t("empty.protocols") }}
               </span>
             </div>