feat: #335 - Edit beta banner for mobile

Author: StubberG3

frontend/src/components/Header/Header.tsx

@@ -101,7 +101,7 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
   return (
     <header className="z-50 fixed w-full items-center no-print">
       <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="">
+        <p className="hidden md:block">
           Welcome to Balancer’s first release! Found a bug or have feedback? Let us know {" "}
           <Link
             to="/feedback"
@@ -115,6 +115,13 @@ const Header: React.FC<LoginFormProps> = ({ isAuthenticated, isSuperuser }) => {
           </a>
           .
         </p>
+        <p className="sm:block md:hidden">
+          App is in beta; report issues to {" "}
+          <a href="mailto:[email protected]" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+            [email protected]
+          </a>
+          .
+        </p>
       </div>
       <div
         className={