Refactor port handler (#3984)

* Refactor port handler and fix reconnect

* Fix as per review

* Don't auto-connect for virtual or manual

* Fix auto-connect switch state

* Move auto-connect title to the parent div

The checkbox is "hidden" under the switchary
library, so move to the parent to be able to show
it.

* Select active port when request permission port exists before

* Fix retun value for webserial requestPemission

Author: McGiverGim

src/components/port-picker/PortsInput.vue

@@ -44,13 +44,15 @@
       </select>
     </div>
     <div id="auto-connect-and-baud">
-      <div id="auto-connect-switch">
+      <div
+        id="auto-connect-switch"
+        :title="value.autoConnect ? $t('autoConnectEnabled') : $t('autoConnectDisabled')"
+      >
         <input
           id="auto-connect"
           class="auto_connect togglesmall"
           type="checkbox"
-          :value="value.autoConnect"
-          :title="value.autoConnect ? $t('autoConnectEnabled') : $t('autoConnectDisabled')"
+          :checked="value.autoConnect"
           @change="onChangeAutoConnect"
         >
         <span class="auto_connect">