Introduce initial UI for connecting to networks

Apple/App/Networks/HackClub.swift

@@ -0,0 +1,23 @@
+import SwiftUI
+
+struct HackClub: Network {
+    var id: String
+    var backgroundColor: Color { .init("HackClub") }
+
+    var label: some View {
+        GeometryReader { reader in
+            VStack(alignment: .leading) {
+                Image("HackClub")
+                    .resizable()
+                    .aspectRatio(contentMode: .fit)
+                    .frame(height: reader.size.height / 4)
+                Spacer()
+                Text("@conradev")
+                    .foregroundStyle(.white)
+                    .font(.body.monospaced())
+            }
+            .padding()
+            .frame(maxWidth: .infinity)
+        }
+    }
+}

Apple/App/Networks/Network.swift

@@ -0,0 +1,10 @@
+import SwiftUI
+
+protocol Network {
+    associatedtype Label: View
+
+    var id: String { get }
+    var backgroundColor: Color { get }
+
+    var label: Label { get }
+}

Apple/App/Networks/WireGuard.swift

@@ -0,0 +1,30 @@
+import SwiftUI
+
+struct WireGuard: Network {
+    var id: String
+    var backgroundColor: Color { .init("WireGuard") }
+
+    var label: some View {
+        GeometryReader { reader in
+            VStack(alignment: .leading) {
+                HStack {
+                    Image("WireGuard")
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
+                    Image("WireGuardTitle")
+                        .resizable()
+                        .aspectRatio(contentMode: .fit)
+                        .frame(width: reader.size.width / 2)
+                    Spacer()
+                }
+                .frame(maxWidth: .infinity, maxHeight: reader.size.height / 4)
+                Spacer()
+                Text("@conradev")
+                    .foregroundStyle(.white)
+                    .font(.body.monospaced())
+            }
+            .padding()
+            .frame(maxWidth: .infinity)
+        }
+    }
+}