feat: warn on uncertain episode availability

static/app.ts

@@ -3,6 +3,7 @@ import "./toast";
 import "./htmx";
 import "./dropdown";
 import "./anime";
+import "./episode_availability_warning";
 import "./search";
 import "./dedupe";
 import "./watchlist";

static/episode_availability_warning.ts

@@ -0,0 +1,23 @@
+import { closestFocusable, onReady } from "./utils";
+
+const initEpisodeAvailabilityWarning = (): void => {
+  onReady(() => {
+    const dialog = document.querySelector<HTMLElement>("[data-episode-availability-warning]");
+    const continueButton = document.querySelector<HTMLButtonElement>(
+      "[data-episode-availability-warning-continue]",
+    );
+    if (!dialog || !continueButton) {
+      return;
+    }
+
+    document.body.classList.add("overflow-hidden");
+    closestFocusable(dialog)?.focus();
+
+    continueButton.addEventListener("click", () => {
+      dialog.remove();
+      document.body.classList.remove("overflow-hidden");
+    });
+  });
+};
+
+initEpisodeAvailabilityWarning();