feat(web,a11y): standardize the FullScreenModal UI (#8566)

* feat(web,a11y): standardize the FullScreenModal look

* consistent header, padding, close button, and radius as BaseModal
* vertically stacking ConfirmDialogue CTA buttons in narrow screens
* adding aria-modal tags for screen reader
* add viewport-specific height limits on modals, to enable scrolling
* prevent focus from being hidden under sticky content in modals
* standardize FullScreenModal widths using a Prop

* wip: consistent padding with header

* fix: alignment on "create user" and "edit user" modals

* fix: horizontal modal content alignment

* fix: create user CTA buttons

* chore: remove unnecessary warning

---------

Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>

web/src/lib/components/admin-page/restore-dialogue.svelte

@@ -0,0 +1,41 @@
+<script lang="ts">
+  import ConfirmDialogue from '$lib/components/shared-components/confirm-dialogue.svelte';
+  import { handleError } from '$lib/utils/handle-error';
+  import { restoreUser, type UserResponseDto } from '@immich/sdk';
+  import { createEventDispatcher } from 'svelte';
+
+  export let user: UserResponseDto;
+
+  const dispatch = createEventDispatcher<{
+    success: void;
+    fail: void;
+    cancel: void;
+  }>();
+
+  const handleRestoreUser = async () => {
+    try {
+      const { deletedAt } = await restoreUser({ id: user.id });
+      if (deletedAt == undefined) {
+        dispatch('success');
+      } else {
+        dispatch('fail');
+      }
+    } catch (error) {
+      handleError(error, 'Unable to restore user');
+      dispatch('fail');
+    }
+  };
+</script>
+
+<ConfirmDialogue
+  id="restore-user-modal"
+  title="Restore user"
+  confirmText="Continue"
+  confirmColor="green"
+  onConfirm={handleRestoreUser}
+  onClose={() => dispatch('cancel')}
+>
+  <svelte:fragment slot="prompt">
+    <p><b>{user.name}</b>'s account will be restored.</p>
+  </svelte:fragment>
+</ConfirmDialogue>