preserve password limit

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/auth/security/+page.svelte

@@ -1,21 +1,23 @@
 <script lang="ts">
     import { Container } from '$lib/layout';
-    import { page } from '$app/state';
+    import type { PageProps } from './$types';
     import UpdateMockNumbers from './updateMockNumbers.svelte';
     import UpdateMembershipPrivacy from './updateMembershipPrivacy.svelte';
     import UpdateUsersLimit from './updateUsersLimit.svelte';
     import UpdateSessionLength from './updateSessionLength.svelte';
     import UpdateSessionsLimit from './updateSessionsLimit.svelte';
     import PasswordPolicies from './passwordPolicies.svelte';
     import SessionSecurity from './sessionSecurity.svelte';
+
+    let { data }: PageProps = $props();
 </script>
 
 <Container>
     <UpdateUsersLimit />
     <UpdateSessionLength />
     <UpdateSessionsLimit />
-    <PasswordPolicies project={page.data.project} />
-    <SessionSecurity project={page.data.project} />
+    <PasswordPolicies project={data.project} />
+    <SessionSecurity project={data.project} />
     <UpdateMockNumbers />
     <UpdateMembershipPrivacy />
 </Container>

src/routes/(console)/project-[region]-[project]/auth/security/passwordPolicies.svelte

@@ -16,18 +16,29 @@
     let passwordHistoryEnabled = $state(false);
     let passwordDictionary = $state(false);
     let authPersonalDataCheck = $state(false);
+    let lastValidLimit = $state(5);
 
     let maxPasswordInputField: InputNumber | null = null;
 
     // Initialize and sync state when project updates
     $effect(() => {
         const historyValue = project?.authPasswordHistory;
-        passwordHistory = historyValue < 1 ? 5 : historyValue;
+        if (historyValue && historyValue > 0) {
+            passwordHistory = historyValue;
+            lastValidLimit = historyValue;
+        }
         passwordHistoryEnabled = (historyValue ?? 0) !== 0;
         passwordDictionary = project?.authPasswordDictionary ?? false;
         authPersonalDataCheck = project?.authPersonalDataCheck ?? false;
     });
 
+    // restore last valid limit when enabling
+    $effect(() => {
+        if (passwordHistoryEnabled && passwordHistory < 1) {
+            passwordHistory = lastValidLimit;
+        }
+    });
+
     $effect(() => {
         if (passwordHistoryEnabled) {
             tick().then(() => {