249 frontend navbar style changes

[taylorfinelli]

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

• [ ] ✨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

• New styling changes to the NavBar component
• Dynamic top padding
• Divider between header and content
• Text area in header has more room for larger titles
• Ellipses feature in case headers are insanely long for some reason (does not obstruct rest of page layout )

Tests

How was this tested?

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

Screenshots

More room for text field

Documentation

• [ ] Added to README.me
• [ ] Seperate document
• [ ] NO documentation needed
• [x] Comment on file displays usage

Link to external documentation:

[Optional] AI Usage

None

[codecov[bot]]

Codecov Report

All modified and coverable lines are covered by tests :white_check_mark:

Project coverage is 99.41%. Comparing base (bef1e77) to head (b2f14ef).

Additional details and impacted files

```diff @@ Coverage Diff @@ ## main #255 +/- ## ======================================= Coverage 99.40% 99.41% ======================================= Files 40 40 Lines 338 340 +2 Branches 61 63 +2 ======================================= + Hits 336 338 +2 Misses 2 2 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.