Add socks proxy support to proxy feature

- Socks proxy support implemented.
- Monitor proxy agent create flow refactored
  and moved under proxy class.

Thanks for suggestion @thomasleveil

src/components/ProxyDialog.vue

@@ -15,6 +15,9 @@
                             <select id="proxy-protocol" v-model="proxy.protocol" class="form-select">
                                 <option value="https">HTTPS</option>
                                 <option value="http">HTTP</option>
+                                <option value="socks">SOCKS</option>
+                                <option value="socks5">SOCKS v5</option>
+                                <option value="socks4">SOCKS v4</option>
                             </select>
                         </div>
 

src/components/settings/Proxies.vue

@@ -11,7 +11,8 @@
 
             <ul class="list-group mb-3" style="border-radius: 1rem;">
                 <li v-for="(proxy, index) in $root.proxyList" :key="index" class="list-group-item">
-                    {{ proxy.host }}<span v-if="proxy.default === true" class="badge bg-primary ms-2">{{ $t("Default") }}</span><br>
+                    {{ proxy.host }}:{{ proxy.port }} ({{ proxy.protocol }})
+                    <span v-if="proxy.default === true" class="badge bg-primary ms-2">{{ $t("Default") }}</span><br>
                     <a href="#" @click="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a>
                 </li>
             </ul>