v3: performance pass, bundle size pass, i18n pass, docker pass

src/components/AppHeader.tsx

@@ -1,13 +1,16 @@
-import { type ReactNode, useState } from "react";
+import { lazy, type ReactNode, Suspense, useState } from "react";
 import { Link, useNavigate } from "react-router";
 import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import { useAuth } from "../hooks/useAuth.ts";
 import { useWS } from "../hooks/useWS.ts";
-import { DumpCreateModal } from "./DumpCreateModal.tsx";
 import { NotificationBell } from "./NotificationBell.tsx";
 import { UserMenu } from "./UserMenu.tsx";
 
+const DumpCreateModal = lazy(() =>
+  import("./DumpCreateModal.tsx").then((m) => ({ default: m.DumpCreateModal }))
+);
+
 export function AppHeader(
   { centerSlot, disableNew, initialDumpUrl }: {
     centerSlot?: ReactNode;
@@ -88,10 +91,12 @@ export function AppHeader(
       )}
 
       {createModalOpen && (
-        <DumpCreateModal
-          onClose={() => setCreateModalOpen(false)}
-          initialUrl={initialDumpUrl}
-        />
+        <Suspense>
+          <DumpCreateModal
+            onClose={() => setCreateModalOpen(false)}
+            initialUrl={initialDumpUrl}
+          />
+        </Suspense>
       )}
     </>
   );