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

src/pages/UserDumps.tsx

@@ -1,6 +1,6 @@
 import { useState } from "react";
-import { t } from "@lingui/core/macro"
-import { Trans, Plural } from "@lingui/react/macro";
+import { t } from "@lingui/core/macro";
+import { Plural, Trans } from "@lingui/react/macro";
 import { Link, useParams } from "react-router";
 
 import { useAuth } from "../hooks/useAuth.ts";
@@ -47,7 +47,9 @@ export function UserDumps() {
   if (state.status === "loading") {
     return (
       <PageShell>
-        <p className="page-loading"><Trans>Loading…</Trans></p>
+        <p className="page-loading">
+          <Trans>Loading…</Trans>
+        </p>
       </PageShell>
     );
   }
@@ -89,7 +91,11 @@ export function UserDumps() {
       )}
 
       {dumps.length === 0
-        ? <p className="empty-state"><Trans>Nothing here yet.</Trans></p>
+        ? (
+          <p className="empty-state">
+            <Trans>Nothing here yet.</Trans>
+          </p>
+        )
         : (
           <ul className="dump-feed">
             {dumps.map((dump) => (
@@ -108,10 +114,18 @@ export function UserDumps() {
         )}
 
       <div ref={sentinelRef} />
-      {loadingMore && <p className="feed-loading-more"><Trans>Loading more…</Trans></p>}
+      {loadingMore && (
+        <p className="feed-loading-more">
+          <Trans>Loading more…</Trans>
+        </p>
+      )}
       {!hasMore && dumps.length > 0 && (
         <p className="index-status">
-          <Trans>All <Plural value={dumps.length} one="# dump" other="# dumps" /> loaded.</Trans>
+          <Trans>
+            All <Plural value={dumps.length} one="# dump" other="# dumps" />
+            {" "}
+            loaded.
+          </Trans>
         </p>
       )}
     </PageShell>