feat(app): add rename notice banner

src/components/Banner/Banner.css

@@ -33,13 +33,13 @@
   align-items: center;
   justify-content: space-between;
   gap: 20px;
-  max-width: 600px;
+  max-width: 800px;
   margin: auto;
   padding: 12px 12px 12px 16px;
   color: var(--moss);
   background-color: var(--acid);
   border: 1px solid var(--moss);
-  border-radius: 32px;
+  border-radius: 16px;
   filter: drop-shadow(2px 2px 0 var(--moss-shadow));
   font-family: "IBM Plex Mono";
   font-size: 14px;

src/components/Header/Header.tsx

@@ -40,16 +40,15 @@ const Header = (_: HeaderProps) => {
   return (
     <header>
       <Banner.Container>
-        <Banner id={"2.1.0"}>
+        <Banner id={"rename-notice"}>
           <div className="message">
             <MegaphoneSimpleIcon size={32} mirrored />
             <small>
-              Phosphor v2.1 is out, adding 268 new icons and some general
+              Some packages may be renaming icons in coming versions, and deprecating older names. Existing names will continue to work, but we recommend upgrading at your convenience. See{" "}
-              revisions. Check our{" "}
+              <a href="https://github.com/phosphor-icons/react/releases/tag/v2.1.8">
-              <a href="https://github.com/phosphor-icons/homepage/releases">
                 release notes
               </a>{" "}
-              to see what's changed!
+              for details.
             </small>
           </div>
         </Banner>
@@ -60,10 +59,12 @@ const Header = (_: HeaderProps) => {
               We are now processing donations via{" "}
               <a href="https://www.buymeacoffee.com/phosphoricons">
                 Buy Me a Coffee
-              </a>{" "}
+              </a>{", "}
-              and{" "}
               <a href="https://ko-fi.com/phosphoricons">
                 Ko-fi
+              </a>{", and "}
+              <a href="https://opencollective.com/phosphoricons">
+                Open Collective
               </a>
               ! Your one-time or recurring contribution does a lot to keep us
               going. Please show us some support if you can!