Add a temporary notice banner to the layout

[goplayoutside3]

Staging branch URL: https://pr-7217.pfe-preview.zooniverse.org/projects

Linked Issues

Corresponds to: zooniverse/front-end-monorepo#6456
Slack: https://zooniverse.slack.com/archives/C4RJRAGKA/p1731079514305719

Changes

• Add html and css for a simple <details> and <summary> at the top of each layout.
• 🗒️ Noting that I am not using the existing AppStatus component in this repo because that banner is sticky and disruptive to users who have to close it each time they visit the site.

Review Checklist

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

• Does it work in all major browsers: Firefox, Chrome, Edge, Safari?
• Does it work on mobile?
• Can you npm ci and app works as expected?
• If the component is in coffeescript, is it converted to ES6? Is it free of eslint errors? Is the conversion its own commit?
• Are the tests passing locally and on GitHub Actions?

[goplayoutside3]

Here's some screenshots:

---

[coveralls]

coverage: 56.663% (-0.02%) from 56.68%
when pulling 9883bdd on temp-notice-banner
into 70b8a44 on master.

[shaunanoordin]

PR Review

This PR adds a (temporary) notice banner to PFE 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 staging branch: projects page, a random project's project page, a random project's Talk page.
  • Tested with Chrome, FF, and Safari.
• Content looks good.
  • Text looks correct (no typpos) and legit (downtime is Wed 20 Nov, yup), with no mistakes detected.
  • Links work as expected. (Note: nofollow/noreferrer isn't required in this case, this is fine.)
• Accessibility looks fine, I think.
  • The <details> element be be expanded & navigated via keyboard.
  • Voiceover seems OK.

Status

LGTM 👍