Merge pull request #397 from StubberG3/balancer/335/warning-banner

feat: #335 - Edit wording on notice to introduce first release; remove hidden class on mobile so it's always displayed

Author: taichan03

frontend/src/components/Header/Header.tsx

@@ -100,17 +100,22 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
 
   return (
     <header className="z-50 fixed w-full items-center no-print">
-      <div className="hidden w-full items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:flex">
+      <div className="w-full items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:flex">
         <p className="">
-          This app is currently in its beta testing phase. The information and
-          tools provided herein are intended for general informational purposes
-          only and should NOT be construed as medical advice, diagnosis, or
-          treatment.{" "}
+          Welcome to Balancer’s first release! Found a bug or have feedback? Let us know {" "}
+          <Link
+            to="/feedback"
+            className="text-black hover:border-blue-600 hover:text-blue-600 hover:no-underline"
+          >
+          here {" "}
+          </Link>
+          or email {" "}
+          <a href="mailto:balancerteam@codeforphilly.org" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+            balancerteam@codeforphilly.org
+          </a>
+          .
         </p>
       </div>
-      <div className="flex items-center justify-center border-b border-gray-300 bg-blue-100 p-1 text-center text-sm font-light text-gray-500 lg:hidden ">
-        App is in beta; Do not use info as medical advice.
-      </div>
       <div
         className={
           "  hidden h-20  w-full items-center justify-between border-b border-gray-300 bg-white px-96 md:px-20 lg:flex lg:px-10 xl:px-28"