feat: add favorites state and buttons

src/components/PopularRankList.tsx

@@ -24,6 +24,7 @@ import type { Post } from "../types/post";
 import { downloadAttachment } from "./messageStream/utils/downloadFile";
 import { mediaSaveKindFromType, useSaveToAlbumGuide } from "./SaveToAlbumGuide";
 import { useToast } from "./Toast";
+import { FavoriteButton } from "../favorites/FavoriteButton";
 
 const MEDALS = ["🥇", "🥈", "🥉"];
 const MAX_ITEMS = 5;
@@ -174,6 +175,7 @@ function PopularRankRow({
       </div>
 
       <div className="relative z-10 flex shrink-0 items-center gap-1">
+        <FavoriteButton resourceId={r.id} />
         {r.isDownloadable ? (
           <button
             type="button"