Add UI for Discovering and Accessing Public User Libraries (`/u/{username}`)

[Rayan9064]

Title

✨ Add UI for Discovering and Accessing Public User Libraries (/u/{username})

Description

Now that the /u/[username] public route, API filters, and client-side caching are fully implemented on the backend, we need to add user-facing UI elements so users can easily find, visit, and copy their own or others' public profile links.

Currently, these pages are only accessible by manually typing the URL in the browser address bar.

---

Proposed Enhancements

1. "My Public Library" in the Profile View

• Where: app/components/Profile.tsx
• What: Add a dedicated card/section displaying the user's personal public link (e.g., https://dumpit-three.vercel.app/u/username).
• Interactive Elements:
  • A "Copy Link" button to copy their public link.
  • A "View Public Profile" button that opens their own public library in a new tab.

2. "Search User Library" in the Shared Dump Page

• Where: app/components/SharedDump.tsx
• What: Add a small search component at the top or side of the Shared Dump page where users can input a username to quickly browse their public vault.
• Flow: Inputting a username and clicking "Go" redirects the browser to /u/{username}.

3. Clickable Usernames on Public Resources

• Where: app/components/SharedDump.tsx (or other public feeds)
• What: Make the usernames listed on public cards clickable links that redirect the viewer directly to that user's public library (/u/{username}).

---

Impact

• UX Improvement: Makes the public username sharing feature visible and accessible to non-technical users.
• Organic Growth: Encourages users to copy and share their own links, driving new traffic to DumpIt.

Labels

enhancement ui frontend sharing