fix(settings): move board access control out of the nested form (#6662)

apps/nextjs/src/app/[locale]/boards/[name]/settings/_settings-form.tsx

@@ -178,6 +178,7 @@ export const BoardSettingsForm = ({ board, permissions, hasFullAccess, hideVisib
   const isPending = savePartialSettings.isPending || saveLayouts.isPending;
 
   return (
+    <Stack gap="xl">
       <form onSubmit={form.onSubmit((values) => void handleSubmitAsync(values))}>
         <Stack gap="xl">
           <GeneralSettingsContent board={board} form={form} />
@@ -187,14 +188,6 @@ export const BoardSettingsForm = ({ board, permissions, hasFullAccess, hideVisib
           <CustomCssSettingsContent form={form} />
           <BehaviorSettingsContent form={form} />
 
-        {hasFullAccess && (
-          <SectionCard title={tSection("access.title")}>
-            <BoardAccessSettings board={board} initialPermissions={permissions} />
-          </SectionCard>
-        )}
-
-        {hasFullAccess && <DangerZoneSettingsContent hideVisibility={hideVisibility} />}
-
           {form.isDirty() && (
             <UnsavedChangesBar>
               <Button type="button" disabled={isPending} variant="default" onClick={handleDiscard}>
@@ -207,6 +200,15 @@ export const BoardSettingsForm = ({ board, permissions, hasFullAccess, hideVisib
           )}
         </Stack>
       </form>
+
+      {hasFullAccess && (
+        <SectionCard title={tSection("access.title")}>
+          <BoardAccessSettings board={board} initialPermissions={permissions} />
+        </SectionCard>
+      )}
+
+      {hasFullAccess && <DangerZoneSettingsContent hideVisibility={hideVisibility} />}
+    </Stack>
   );
 };