feat: Add new Alpine.js component TypeScript files

Extracted inline JavaScript from templates into proper TypeScript modules:

- api-explorer-docs.ts: API explorer page functionality
- collection-rules.ts: Collection rules management page
- index.ts: Homepage theme and auth redirect
- login.ts: Login page theme initialization
- profile-modal.ts: Profile modal close and escape key
- profile.ts: Profile page delete account
- register.ts: Registration page theme init
- toast-error.ts: Error toast with retry button
- unlinked_books.ts: Unlinked books management page

Each file:
- Uses ES imports (showToast, getToken, etc.)
- Has proper TypeScript types
- Registers with Alpine.js via Alpine.global()
- Uses async/await for API calls

web/src/profile-modal.ts

@@ -0,0 +1,32 @@
+import { Alpine } from "./alpine";
+
+let escapeHandler: ((e: KeyboardEvent) => void) | null = null;
+
+function closeProfileModal(): void {
+  const modal = document.getElementById("profile-modal");
+  if (modal) {
+    modal.remove();
+  }
+  // Remove escape key listener when modal closes
+  if (escapeHandler) {
+    document.removeEventListener("keydown", escapeHandler);
+    escapeHandler = null;
+  }
+}
+
+function setupProfileModal(): void {
+  // Set up escape key listener to close modal
+  escapeHandler = (e: KeyboardEvent) => {
+    if (e.key === "Escape") {
+      closeProfileModal();
+    }
+  };
+  document.addEventListener("keydown", escapeHandler);
+}
+
+export { closeProfileModal, setupProfileModal };
+
+Alpine.global("profileModal", {
+  closeProfileModal,
+  setupProfileModal,
+});