Profile view page + other styling enhancements

[taylorfinelli]

What type of PR is this? (Check all that apply)

• [x] ✨feature: Introduces completely new code or new features.
• [ ] 🐛fix: Implements changes that fix a bug. Ideally, reference an issue if present.
• [ ] ♻️refactor: Includes any code-related change that is neither a fix nor a feature.
• [ ] ✅build: Encompasses all changes related to the build of the software, including changes to dependencies or the addition of new ones.
• [ ] ⚡️test: Pertains to all changes regarding tests, whether adding new tests or modifying existing ones.
• [ ] 🚰ci: Involves all changes related to the configuration of continuous integration, such as GitHub Actions or other CI systems.
• [ ] 📚docs: Includes all changes to documentation, such as README files, or any other documentation present in the repository.
• [ ] 🗑️chore: Captures all changes to the repository that do not fit into the above categories.

Description

Lots of changes honestly. I recommend you just go through the app and look at everything around the friends section. Summary of changes:

• New profile view page with API
  • Frontend and backend are completed
  • Friend status also fetched
  • Can accept/deny friend requests
  • TO DO: remove friend functionality, may include this on profile page
  • Lots of helper components for this page
• Implemented new NavBar on some pages
  • Hid old nav bar
• Fixed API issue with message page
• Implemented path to profile page from friends list
• New BarbellTitle component for NavBar
• ProfilePosts and ProfileWorkouts components with their respective APIs implemented into profile view
• Minor styling changes to SearchBar
• New seed.ts file that @mva919 sent me

Tests

How was this tested?

• [ ] Unit tests
• [ ] Integration tests
• [ ] E2E tests
• [x] Manual tests
• [ ] Tests were NOT needed
• [ ] Other (explain below)

Screenshots

Note: This video uses an old profile photo. Demo

New profile photo

Documentation

• [ ] Added to README.me
• [ ] Seperate document
• [x] NO documentation needed

Link to external documentation:

[Optional] AI Usage

Had a few conversations with ChatGPT:

• Bug with duplicate items being rendered: conversation
• Turning an SVG into a component: conversation
• Question about auto-shrinking text: conversation

[Optional] Are there any post-deployment tasks we need to perform?

No

[taylorfinelli]

Good work, we need to add a reminder to add testing to these components

Sounds good. I'll go ahead and make an issue for that now.