Add bookmarked posts hub with management tools

[hoangsonww]

Summary

• add a dedicated Bookmarked Posts page that loads saved post IDs from localStorage and fetches their data from Supabase
• allow users to remove individual bookmarks, clear all saved posts, and access the page from the account dropdown
• document the new bookmark library feature in the README

Testing

• npm run lint

---

https://chatgpt.com/codex/tasks/task_e_68da8f15f0d4832c923b417f026c6ad6

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
meadows-social-media	Ready	Preview	Comment	Sep 29, 2025 2:19pm

[Copilot]

Pull Request Overview

This PR adds a comprehensive bookmarking system that allows users to save posts and manage them through a dedicated interface. The changes enable users to bookmark posts locally and access them through a new dedicated page with management capabilities.

• Adds a new getPostsByIds function to fetch multiple posts while preserving order
• Creates a complete bookmarks page with localStorage integration and management tools
• Integrates bookmarks access into the main navigation dropdown

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 1 comment.

File	Description
web/utils/supabase/queries/post.ts	Adds query function to fetch posts by IDs with order preservation
web/pages/bookmarks.tsx	Implements the main bookmarks page with localStorage sync and management features
web/components/header.tsx	Adds bookmarks navigation item to user dropdown menu
README.md	Documents the new bookmark library feature

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[hoangsonww]

This pull request introduces a major upgrade to the bookmarking feature in the social feed app, transitioning from client-side bookmarks stored in localStorage to server-side bookmarks managed via Supabase. It adds a new "Bookmark Library" page for users to view and manage their saved posts across devices, implements supporting backend and frontend logic, and updates the UI to reflect these changes.

Bookmarking Feature Upgrade

• Replaced client-side bookmarking with server-side bookmarks stored in Supabase, enabling cross-device access and persistence.
• Added database migration and schema for the new bookmark table, including foreign key constraints for profile_id and post_id.

Bookmark Library Page

• Implemented web/pages/bookmarks.tsx, a new page for users to view, remove, and bulk-clear their bookmarks, including logic to migrate legacy localStorage bookmarks to Supabase.

UI/UX Improvements

• Updated the header dropdown to include a "Bookmarks" link, using the new bookmark icon. [1] [2]
• Modified the post detail page to use server-side bookmark status and actions, replacing localStorage logic and providing feedback for bookmark operations. (web/pages/post/[id].tsxL3-R3, web/pages/post/[id].tsxR22-R93, web/pages/post/[id].tsxR174)

Backend Logic

• Added comprehensive Supabase bookmark query utilities (getBookmarkedPosts, isPostBookmarked, addBookmark, removeBookmark, clearBookmarks, saveBookmarksBulk) in web/utils/supabase/queries/bookmark.ts.
• Introduced a utility to fetch posts by IDs while preserving order in web/utils/supabase/queries/post.ts.