Frontend sync

[ppoptart12]

No description provided.

[dndrade]

Thanks for the PR! I've reviewed the changes and the mockup looks good. Still:

1. This PR is currently targeting main, make sure to create PRs to dev branch instead. Once you do that, you can approve PR merges of your own work if you wish.

2. I've just pushed a significant backend update to the dev branch that includes API documentation and improvements to match your expected frontend responses.

Next steps:

1. Please rebase your branch on dev to incorporate the latest backend changes:

   git checkout your-branch
   git fetch origin
   git rebase origin/dev

2. Resolve any conflicts that might arise
3. Push your updated branch
4. Update this PR to target dev instead of main
5. Feel free to request review again from any of us.