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

src/pages/index/FollowedFeed.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { t } from "@lingui/core/macro"
+import { t } from "@lingui/core/macro";
 import { Trans } from "@lingui/react/macro";
 import { DumpCard } from "../../components/DumpCard.tsx";
 import { ErrorCard } from "../../components/ErrorCard.tsx";
@@ -71,7 +71,11 @@ function FollowedSubFeed({
   const sentinelRef = useInfiniteScroll(onLoadMore, enabled);
 
   if (state.status === "loading") {
-    return <p className="index-status"><Trans>Loading…</Trans></p>;
+    return (
+      <p className="index-status">
+        <Trans>Loading…</Trans>
+      </p>
+    );
   }
   if (state.status === "error") {
     return <ErrorCard title={t`Failed to load`} message={state.error} />;
@@ -100,7 +104,11 @@ function FollowedSubFeed({
         ))}
       </ul>
       <div ref={sentinelRef} />
-      {state.loadingMore && <p className="feed-loading-more"><Trans>Loading more…</Trans></p>}
+      {state.loadingMore && (
+        <p className="feed-loading-more">
+          <Trans>Loading more…</Trans>
+        </p>
+      )}
     </>
   );
 }
@@ -219,8 +227,7 @@ export function FollowedFeed({
           })
         );
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [token]);
+  }, [token, usersState.status, playlistsState.status]);
 
   // Scroll save
   useScrollSave(