Add additional info to recommended relay view

Changelog-Added: Add additional info to recommended relay view
Closes: #703

damus/Views/Relays/RecommendedRelayView.swift

@@ -25,12 +25,36 @@ struct RecommendedRelayView: View {
     }
     
     var body: some View {
+        ZStack {
             HStack {
-            Text(relay)
+                RelayType(is_paid: damus.relay_metadata.lookup(relay_id: relay)?.is_paid ?? false)
+                Text(relay).layoutPriority(1)
+
+                if let meta = damus.relay_metadata.lookup(relay_id: relay) {
+                    NavigationLink ( destination:
+                        RelayDetailView(state: damus, relay: relay, nip11: meta)
+                    ){
+                        EmptyView()
+                    }
+                    .opacity(0.0)
+                    
                     Spacer()
+                    Image(systemName: "info.circle")
+                        .foregroundColor(Color.accentColor)
+                }
+            }
+        }
+        .swipeActions {
             if add_button {
                 if let privkey = damus.keypair.privkey {
-                    Button(NSLocalizedString("Add", comment: "Button to add recommended relay server.")) {
+                    AddAction(privkey: privkey)
+                }
+            }
+        }
+    }
+    
+    func AddAction(privkey: String) -> some View {
+        Button {
             guard let ev_before_add = damus.contacts.event else {
                 return
             }
@@ -39,10 +63,10 @@ struct RecommendedRelayView: View {
             }
             process_contact_event(state: damus, ev: ev_after_add)
             damus.pool.send(.event(ev_after_add))
+        } label: {
+            Label(NSLocalizedString("Add Relay", comment: "Button to add recommended relay server."), systemImage: "plus.circle")
         }
-                }
+        .tint(.accentColor)
-            }
-        }
     }
 }