bandaid temp fix for mobile login button (#363)

Author: songmichael11

apps/web/src/app/_components/header/header.tsx

@@ -99,12 +99,16 @@ export default function Header({ auth }: HeaderProps) {
 
       {/* Mobile new review button and burger button */}
       <div className="justify-right mr-2 flex flex-shrink grid-cols-2 items-center gap-2 md:hidden">
-        <Link href="/review-form">
-          <Button className="h-9 rounded-lg border-none border-cooper-yellow-500 bg-cooper-yellow-500 px-3 py-2 text-sm font-semibold text-white hover:border-cooper-yellow-700 hover:bg-cooper-yellow-700">
-            <span className="translate-y-[-2px] text-2xl md:hidden">+</span>
-            <span className="hidden md:inline">+ ADD REVIEW</span>
-          </Button>
-        </Link>
+        {session.data ? (
+          <Link href="/review-form">
+            <Button className="h-9 rounded-lg border-none border-cooper-yellow-500 bg-cooper-yellow-500 px-3 py-2 text-sm font-semibold text-white hover:border-cooper-yellow-700 hover:bg-cooper-yellow-700">
+              <span className="translate-y-[-2px] text-2xl md:hidden">+</span>
+            </Button>
+          </Link>
+        ) : (
+          auth
+        )}
+
         <Button
           type="button"
           variant="ghost"