Fix display of connection warning in proxy view

src/popup/views/Proxy.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { inject } from 'vue';
+import { computed, inject } from 'vue';
 
 import IconLabel from '@/components/IconLabel.vue';
 import LocationDrawer from '@/components/ConnectionDetails/LocationDrawer.vue';
@@ -11,10 +11,16 @@ import { ConnectionKey, defaultConnection } from '@/composables/useConnection';
 
 const { isAboutPage } = useActiveTab();
 const { connection } = inject(ConnectionKey, defaultConnection);
+
+const isWireGuard = computed(
+  () =>
+    connection.value.protocol === 'WireGuard' ||
+    connection.value.protocol === 'SOCKS through WireGuard',
+);
 </script>
 
 <template>
-  <div v-if="connection.protocol === 'WireGuard'">
+  <div v-if="isWireGuard">
     <ProxyHost v-if="!isAboutPage" />
     <ProxyGlobal />
     <LocationDrawer />