Add temporary notice banner to app layouts for scheduled downtime

[goplayoutside3]

Package

app-project
app-root

Linked Issue and/or Talk Post

Slack: https://zooniverse.slack.com/archives/C4RJRAGKA/p1731079514305719
Corresponds to: zooniverse/Panoptes-Front-End#7217

Describe your changes

• Add html and css for a simple <details> and <summary> at the top of each layout.

How to Review

• I will likely end up just self-reviewing and merging this due to its simplicity and non-permanence.

Checklist

PR Creator - Please cater the checklist to fit the review needed for your code changes.
PR Reviewer - Use the checklist during your review. Each point should be checkmarked or discussed before PR approval.

General

• Tests are passing locally and on Github
• Documentation is up to date and changelog has been updated if appropriate
• You can yarn panic && yarn bootstrap or docker-compose up --build and FEM works as expected
• FEM works in all major desktop browsers: Firefox, Chrome, Edge, Safari (Use Browserstack account as needed)

General UX

Example Staging Project: i-fancy-cats

• All pages of a FEM project load: Home Page, Classify Page, and About Pages
• Can submit a classification
• Can sign-in and sign-out
• The component is accessible
  • Can be used with a screen reader BBC guide to VoiceOver
  • Can be used from the keyboard WebAIM guide to keyboard testing

[goplayoutside3]

Here's some screenshots:

[coveralls]

coverage: 77.563% (-0.03%) from 77.596%
when pulling 813bfbc on temp-notice-banner
into c48e590 on master.

[shaunanoordin]

PR Review

Packages: app-root, app-project

This PR adds a (temporary) notice banner to the FEM root page, and FEM project pages.

• HTML code looks good.
• Rendered HTML component on the pages look good.
  • The <details> element renders fine and can be expanded to view all the details.
  • Tested on localhost: signed-in home page (app-root), random test project's project page (app-project).
  • Tested with Chrome.
• Content looks good.
  • Text looks correct (no typoss) and legit (downtime is Wed 20 Nov, OK), with no mistakes noted.
  • Links work as expected.
• Accessibility looks fine, I think.
  • The <details> element be be expanded & navigated via keyboard.

Status

LGTM 👍