feat: Migrate Ports Tab to Vue (#4726)

* feat: Migrate Ports tab to Vue

- Create PortsTab.vue component
- Register PortsTab in Vue components
- Update main.js to use Vue mounter for 'ports' tab
- Delete legacy ports.js and ports.html

* fix(PortsTab): Fix checkbox styling initialization by using nextTick

* fix(PortsTab): Improve accessibility of documentation link

* fix(PortsTab): Enforce brace style for if statements

* fix(PortsTab): Enforce mutual exclusivity and brace style in event handlers

* chore: Address SonarQube issues (nesting, braces, globals)

* refactor: extract feature detection into a helper function and add visually hidden labels for accessibility.

* style(PortsTab): Fix save button positioning by using position:fixed

* style: format `if` statements in `PortsTab.vue` for improved readability.

* chore: fix duplication in PortsTab.vue

* refactor: remove Capacitor serial protocol implementation.

* Revert "refactor: remove Capacitor serial protocol implementation."

This reverts commit 0cceae8.

* refactor: remove redundant `pluginAvailable` checks from serial methods

Author: Erics1337

src/components/tabs/PortsTab.vue

@@ -264,7 +264,7 @@ function startProcess() {
                         import("./tabs/adjustments").then(({ adjustments }) => adjustments.initialize(content_ready));
                         break;
                     case "ports":
-                        import("./tabs/ports").then(({ ports }) => ports.initialize(content_ready));
+                        mountVueTab("ports", content_ready);
                         break;
                     case "led_strip":
                         import("./tabs/led_strip").then(({ led_strip }) => led_strip.initialize(content_ready));

src/js/main.js

@@ -137,6 +137,7 @@ class CapacitorSerial extends EventTarget {
 
     async requestPermissionDevice() {
         let newPermissionPort = null;
+
         try {
             console.log(`${logHead} Requesting USB permissions...`);
             const userSelectedPort = await BetaflightSerial.requestPermission();