[Building Sync-ups Tutorial] fixes in "Sync-up form" chapter (#3576)

* Update ThemePicker to use foregroundStyle instead of deprecated foregroundColor

* Fix typos in tutorial documentation

Corrected minor grammatical and spelling errors in SyncUpForm and TestingSyncUpForm tutorial files

* Remove duplicate TestStore initialization in tutorial code

* Update tutorial documentation to use non-exhaustive testing method

Corrected the wording in the tutorial step description for testing the "Add sync-up" flow to specify a non-exhaustive testing approach

* Update Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/04-PresentingSyncUpForm/TestingSyncUpFormPresentation.tutorial

---------

Co-authored-by: Stephen Celis <[email protected]>

Author: FredericRuaudel

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-01-code-0009.swift

@@ -54,7 +54,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0001-previous.swift

@@ -54,7 +54,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0001.swift

@@ -60,7 +60,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0002.swift

@@ -62,7 +62,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0003.swift

@@ -63,7 +63,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0004.swift

@@ -64,7 +64,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0005.swift

@@ -70,7 +70,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm-02-code-0006.swift

@@ -70,7 +70,7 @@ struct ThemePicker: View {
           Label(theme.name, systemImage: "paintpalette")
             .padding(4)
         }
-        .foregroundColor(theme.accentColor)
+        .foregroundStyle(theme.accentColor)
         .fixedSize(horizontal: false, vertical: true)
         .tag(theme)
       }

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/SyncUpForm.tutorial

@@ -254,7 +254,7 @@
 
       @Step {
         Implement the logic of focusing a new added attendee. Now that we have immediate access
-        to the reducer's logic we no longer to do any force unwrapping or defensive programming
+        to the reducer's logic we no longer have to do any force unwrapping or defensive programming
         with `guard`s.
 
         @Code(name: "SyncUpForm.swift", file: SyncUpForm-03-code-0002.swift)

Sources/ComposableArchitecture/Documentation.docc/Tutorials/BuildingSyncUps/03-SyncUpForm/TestingSyncUpForm.tutorial

@@ -43,10 +43,10 @@
 
       @Step {
         Add a new test method for testing what happens when we delete a focused attendee. This time
-        the initial state with start with two attendees, which have been pulled out into variables
+        the initial state will start with two attendees, which have been pulled out into variables
         so that we can reference them. The first attendee will also be focused.
 
-        > Note: We have collapsed the `testRemoveAttendee` method in the code snippet.
+        > Note: We have collapsed the `removeAttendee` test method in the code snippet.
 
         @Code(name: "SyncUpFormTests.swift", file: TestingSyncUpForm-01-code-0004.swift, previousFile: TestingSyncUpForm-01-code-0004-previous.swift)
       }