v3: localization fixes, char counters & limits on all text fields, ux fixes

src/components/AppHeader.tsx

@@ -1,6 +1,6 @@
 import { type ReactNode, useState } from "react";
 import { Link, useNavigate } from "react-router";
-import { t } from "@lingui/core/macro"
+import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import { useAuth } from "../hooks/useAuth.ts";
 import { useWS } from "../hooks/useWS.ts";
@@ -9,12 +9,16 @@ import { NotificationBell } from "./NotificationBell.tsx";
 import { UserMenu } from "./UserMenu.tsx";
 
 export function AppHeader(
-  { centerSlot, disableNew }: { centerSlot?: ReactNode; disableNew?: boolean },
+  { centerSlot, disableNew, initialDumpUrl }: {
+    centerSlot?: ReactNode;
+    disableNew?: boolean;
+    initialDumpUrl?: string;
+  },
 ) {
   const { user } = useAuth();
   const { wsStatus, wsErrorMessage } = useWS();
   const navigate = useNavigate();
-  const [createModalOpen, setCreateModalOpen] = useState(false);
+  const [createModalOpen, setCreateModalOpen] = useState(!!initialDumpUrl);
 
   return (
     <>
@@ -76,13 +80,18 @@ export function AppHeader(
 
       {wsStatus === "disconnected" && wsErrorMessage && (
         <div className="app-header-status" role="alert">
-          <strong><Trans>Live updates unavailable.</Trans></strong>{" "}
+          <strong>
+            <Trans>Live updates unavailable.</Trans>
+          </strong>{" "}
           {wsErrorMessage}
         </div>
       )}
 
       {createModalOpen && (
-        <DumpCreateModal onClose={() => setCreateModalOpen(false)} />
+        <DumpCreateModal
+          onClose={() => setCreateModalOpen(false)}
+          initialUrl={initialDumpUrl}
+        />
       )}
     </>
   );