Settings View

struct SettingsView: View {
    var body: some View {
        NavigationView {
            List {
                Section(header: Text("Account")) {
                    SettingsItem(symbolName: "person.circle", title: "Profile")
                    SettingsItem(symbolName: "lock.circle", title: "Change Password")
                    SettingsItem(symbolName: "creditcard.circle", title: "Payment Methods")
                }
                
                Section(header: Text("App Settings")) {
                    SettingsItem(symbolName: "gearshape", title: "General")
                    SettingsItem(symbolName: "bell", title: "Notifications")
                    SettingsItem(symbolName: "paintbrush", title: "Appearance")
                }
                
                Section(header: Text("Legal")) {
                    SettingsItem(symbolName: "message.circle", title: "Contact Us")
                    SettingsItem(symbolName: "shield.lefthalf.fill", title: "Privacy Policy")
                    SettingsItem(symbolName: "doc.plaintext", title: "Terms of Service")
                }
            }
            .listStyle(GroupedListStyle())
            .navigationBarTitle("Settings")
        }
    }
}
struct SettingsItem: View {
    let symbolName: String
    let title: String
    var body: some View {
        NavigationLink(destination: Text(title)) {
            Label(title, systemImage: symbolName)
                .font(.headline)
        }
    }
}