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

src/pages/index/JournalFeed.tsx

@@ -1,5 +1,5 @@
 import { useMemo } from "react";
-import { t } from "@lingui/core/macro"
+import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import { ErrorCard } from "../../components/ErrorCard.tsx";
 import {
@@ -38,10 +38,20 @@ export function JournalFeed(
     });
   }, [dumps]);
 
-  if (loading) return <p className="index-status"><Trans>Loading…</Trans></p>;
+  if (loading) {
+    return (
+      <p className="index-status">
+        <Trans>Loading…</Trans>
+      </p>
+    );
+  }
   if (error) return <ErrorCard title={t`Failed to load`} message={error} />;
   if (tiered.length === 0) {
-    return <p className="index-status"><Trans>No dumps yet. Be the first!</Trans></p>;
+    return (
+      <p className="index-status">
+        <Trans>No dumps yet. Be the first!</Trans>
+      </p>
+    );
   }
 
   return (
@@ -62,9 +72,15 @@ export function JournalFeed(
         ))}
       </ul>
       <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 && tiered.length > 0 && (
-        <p className="feed-end"><Trans>You've reached the end.</Trans></p>
+        <p className="feed-end">
+          <Trans>You've reached the end.</Trans>
+        </p>
       )}
     </>
   );