feat(design): dialogs open by purpose and keep their commit row pinned (E28 S3f1)

Modal takes a required initialFocus (field / close / action), a field that
loads late takes the focus while it still rests on the close button, and
ModalFooter portals a dialog's commit row under the scrolling body from any
depth. The header and footer fades follow the body's scroll timeline, and the
viewport's interactive-widget=resizes-content keeps the footer above an
on-screen keyboard.

frontend/src/components/PersonalViewsModal.tsx

@@ -191,7 +191,12 @@ export default function PersonalViewsModal() {
   const saveCurrentDisabled = selected != null && selected.id === activeViewId;
 
   return (
-    <Modal title={t("views.manageTitle")} onClose={closeModal} maxWidth="max-w-2xl">
+    <Modal
+      initialFocus="close"
+      title={t("views.manageTitle")}
+      onClose={closeModal}
+      maxWidth="max-w-2xl"
+    >
       <div className="grid min-h-[20rem] grid-cols-[minmax(0,14rem)_1fr] gap-4">
         {/* Left: the list + create */}
         <div className="flex flex-col border-r border-border/60 pr-4">