Application Header and Footer Updates

[jeznorth]

Links to Jira Tickets

• Support updated layout of application required in SIMSBIOHUB-219

Description of Changes

• Implemented full-width header and footer components
• Collapsed the navbar into a single contained element
• Added responsive menu to support smaller viewports
• Removed global styling from externally referenced stylesheet to application theme file.

Testing Notes

• {List any relevant testing considerations, necessary pre-reqs, and areas of the app to focus on. Specifically, include anything that will help the reviewers of this PR verify the code is functioning as expected.}

[github-actions]

Openshift URLs for the PR Deployment:

• App Route: https://biohubbc-app-1099-af2668-dev.apps.silver.devops.gov.bc.ca/
• Api Route: https://biohubbc-api-1099-af2668-dev.apps.silver.devops.gov.bc.ca/
• Pods: https://console.apps.silver.devops.gov.bc.ca/k8s/ns/af2668-dev/pods?name=1099

[codecov]

Codecov Report

Merging #1099 (2cb7560) into dev (42d9bdb) will decrease coverage by 0.02%.
The diff coverage is 63.15%.

@@            Coverage Diff             @@
##              dev    #1099      +/-   ##
==========================================
- Coverage   65.42%   65.40%   -0.02%     
==========================================
  Files         492      492              
  Lines       14688    14697       +9     
  Branches     2300     2302       +2     
==========================================
+ Hits         9609     9613       +4     
- Misses       4445     4448       +3     
- Partials      634      636       +2     

Files Changed	Coverage Δ
app/src/components/layout/Footer.tsx	100.00% <ø> (ø)
app/src/components/layout/Header.tsx	68.96% <63.15%> (-11.04%)	⬇️

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

[curtisupshall]

Test manually. New header is looking great! 💅

[al-rosenthal]

🏞️

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
1 Code Smell

No Coverage information
0.0% Duplication

[NickPhura]

@jeznorth
Minor: Shouldn't the "Support" header item always be at the far right of the list of menu items (and just before the "Log Out" option in the collapsed menu)? Currently, for non-admins it is. But for admin users its between "Projects" and "Manage Users", which feels a bit funny.

Discussed: will address separately afterwards

[al-rosenthal]

🤖