feat: auto focus directive, auto focus primary action by default

components/realtime/Mqtt.vue

@@ -9,6 +9,7 @@
                 <input
                   id="mqtt-url"
                   v-model="url"
+                  v-focus
                   type="url"
                   spellcheck="false"
                   class="

components/realtime/Socketio.vue

@@ -9,6 +9,7 @@
                 <input
                   id="socketio-url"
                   v-model="url"
+                  v-focus
                   type="url"
                   spellcheck="false"
                   :class="{ error: !urlValid }"

components/realtime/Sse.vue

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

components/realtime/Websocket.vue

@@ -9,6 +9,7 @@
                 <input
                   id="websocket-url"
                   v-model="url"
+                  v-focus
                   class="
                     bg-primaryLight
                     border border-divider