Simplify PostHog region select rendering

Replace the nested ternary in the extra-settings map with an
early-return body and a shared setter, so the region select and the
free-text field each read cleanly.

Signed-off-by: Aurélien Sibiril <81782+aureliensibiril@users.noreply.github.com>

apps/console/src/pages/organizations/access-reviews/dialogs/AddAccessSourceDialog.tsx

@@ -586,39 +586,40 @@ export function AddAccessSourceDialog({
               required
               autoFocus
             />
-            {activeProvider?.extraSettings.map(setting =>
+            {activeProvider?.extraSettings.map((setting) => {
-              setting.key === "region"
+              const value = extraSettingValues[setting.key] ?? "";
-                ? (
+              const setValue = (next: string) =>
+                setExtraSettingValues(prev => ({ ...prev, [setting.key]: next }));
+
+              // The "region" setting is a fixed US/EU choice; every other
+              // extra setting is a free-text field.
+              if (setting.key === "region") {
+                return (
                   <div key={setting.key} className="space-y-1.5">
                     <label className="text-sm font-medium">{__(setting.label)}</label>
                     <Select
-                        value={extraSettingValues[setting.key] ?? ""}
+                      value={value}
-                        onValueChange={(val: string) =>
+                      onValueChange={setValue}
-                          setExtraSettingValues(prev => ({
-                            ...prev,
-                            [setting.key]: val,
-                          }))}
                       placeholder={__("Select a region")}
                     >
                       <Option value="US">{__("United States (US)")}</Option>
                       <Option value="EU">{__("Europe (EU)")}</Option>
                     </Select>
                   </div>
-                  )
+                );
-                : (
+              }
+
+              return (
                 <Field
                   key={setting.key}
                   label={__(setting.label)}
-                      value={extraSettingValues[setting.key] ?? ""}
+                  value={value}
                   onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
-                        setExtraSettingValues(prev => ({
+                    setValue(e.target.value)}
-                          ...prev,
-                          [setting.key]: e.target.value,
-                        }))}
                   required={setting.required}
                 />
-                  ),
+              );
-            )}
+            })}
           </DialogContent>
           <DialogFooter>
             <Button