general: conform reminder pages

Gaze/Views/Onboarding/BlinkSetupView.swift

@@ -10,36 +10,62 @@ import SwiftUI
 struct BlinkSetupView: View {
     @Binding var enabled: Bool
     @Binding var intervalMinutes: Int
-    
+
     var body: some View {
         VStack(spacing: 30) {
             Image(systemName: "eye.circle")
                 .font(.system(size: 60))
                 .foregroundColor(.green)
-            
+
             Text("Blink Reminder")
                 .font(.system(size: 28, weight: .bold))
-            
+
             Text("Keep your eyes hydrated")
                 .font(.title3)
                 .foregroundColor(.secondary)
-            
+
+            // InfoBox with link functionality
+            HStack(spacing: 12) {
+                Button(action: {
+                    if let url = URL(
+                        string: "https://www.healthline.com/health/eye-health/eye-strain#symptoms")
+                    {
+                        #if os(iOS)
+                            UIApplication.shared.open(url)
+                        #elseif os(macOS)
+                            NSWorkspace.shared.open(url)
+                        #endif
+                    }
+                }) {
+                    Image(systemName: "info.circle")
+                        .foregroundColor(.white)
+                }.buttonStyle(.plain)
+                Text(
+                    "We blink much less when focusing on screens. Regular blink reminders help prevent dry eyes"
+                )
+                .font(.headline)
+                .foregroundColor(.white)
+            }
+            .padding()
+            .glassEffect(.regular.tint(.blue), in: .rect(cornerRadius: 8))
+
             VStack(alignment: .leading, spacing: 20) {
                 Toggle("Enable Blink Reminders", isOn: $enabled)
                     .font(.headline)
-                
+
                 if enabled {
                     VStack(alignment: .leading, spacing: 12) {
                         Text("Remind me every:")
                             .font(.subheadline)
                             .foregroundColor(.secondary)
-                        
+
                         HStack {
-                            Slider(value: Binding(
-                                get: { Double(intervalMinutes) },
-                                set: { intervalMinutes = Int($0) }
-                            ), in: 1...15, step: 1)
-                            
+                            Slider(
+                                value: Binding(
+                                    get: { Double(intervalMinutes) },
+                                    set: { intervalMinutes = Int($0) }
+                                ), in: 1...15, step: 1)
+
                             Text("\(intervalMinutes) min")
                                 .frame(width: 60, alignment: .trailing)
                                 .monospacedDigit()
@@ -49,9 +75,11 @@ struct BlinkSetupView: View {
             }
             .padding()
             .glassEffect(.regular, in: .rect(cornerRadius: 12))
-            
-            InfoBox(text: "We blink much less when focusing on screens. Regular blink reminders help prevent dry eyes")
-            
+
+            Text(
+                "You will be subtly reminded every \(intervalMinutes) minutes to blink"
+            )
+
             Spacer()
         }
         .frame(width: 600, height: 450)