v3: added content slugs, fixed real-time updates in client, added @mentions across the app, added new file selector and drop zone

src/pages/Index.tsx

@@ -26,6 +26,7 @@ import { friendlyFetchError } from "../utils/apiError.ts";
 import { useFeedCache } from "../hooks/useFeedCache.ts";
 import { useAuth } from "../hooks/useAuth.ts";
 import { useWS } from "../hooks/useWS.ts";
+import { useDumpListSync } from "../hooks/useDumpListSync.ts";
 import { useInfiniteScroll } from "../hooks/useInfiniteScroll.ts";
 
 const PAGE_SIZE = 20;
@@ -172,6 +173,24 @@ export function Index() {
     DumpsState
   >({ status: "loading" });
 
+  const setFollowedUsersDumpsItems = useCallback(
+    (fn: (prev: Dump[]) => Dump[]) =>
+      setFollowedUsersDumps((s) =>
+        s.status !== "loaded" ? s : { ...s, dumps: fn(s.dumps) }
+      ),
+    [],
+  );
+  useDumpListSync(setFollowedUsersDumpsItems);
+
+  const setFollowedPlaylistsDumpsItems = useCallback(
+    (fn: (prev: Dump[]) => Dump[]) =>
+      setFollowedPlaylistsDumps((s) =>
+        s.status !== "loaded" ? s : { ...s, dumps: fn(s.dumps) }
+      ),
+    [],
+  );
+  useDumpListSync(setFollowedPlaylistsDumpsItems);
+
   const [tab, setTab] = useState<FeedTab>("hot");
   const [followedSection, setFollowedSection] = useState<FollowedSection>(
     "users",