refactor(web): disable login confirm modal (#18261)

web/src/lib/modals/AuthDisableLoginConfirmModal.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import FormatMessage from '$lib/components/i18n/format-message.svelte';
+  import { Button, Modal, ModalBody, ModalFooter } from '@immich/ui';
+  import { mdiCancel } from '@mdi/js';
+  import { t } from 'svelte-i18n';
+
+  interface Props {
+    onClose: (confirmed?: boolean) => void;
+  }
+
+  let { onClose }: Props = $props();
+</script>
+
+<Modal title={$t('admin.disable_login')} icon={mdiCancel} size="small" {onClose}>
+  <ModalBody>
+    <div class="flex flex-col gap-4 text-center">
+      <p>{$t('admin.authentication_settings_disable_all')}</p>
+      <p>
+        <FormatMessage key="admin.authentication_settings_reenable">
+          {#snippet children({ message })}
+            <a
+              href="https://immich.app/docs/administration/server-commands"
+              rel="noreferrer"
+              target="_blank"
+              class="underline"
+            >
+              {message}
+            </a>
+          {/snippet}
+        </FormatMessage>
+      </p>
+    </div>
+  </ModalBody>
+  <ModalFooter>
+    <div class="flex gap-3 w-full">
+      <Button shape="round" color="secondary" fullWidth onclick={() => onClose(false)}>
+        {$t('cancel')}
+      </Button>
+      <Button shape="round" color="danger" fullWidth onclick={() => onClose(true)}>
+        {$t('confirm')}
+      </Button>
+    </div>
+  </ModalFooter>
+</Modal>