added back button and styles

components/Navbar.jsx

@@ -9,15 +9,20 @@ export default function Navbar() {
     <div className="flex">
       <div className="m-3">Nav</div>
       {status === "authenticated" ? (
-        <button
-          onClick={() => signOut()} >
-          Sign Out
-        </button>
+        <>
+          {window.location.pathname === "/events/event1/teamCode" && (
+            <button 
+            className="px-4 py-2 rounded-full capitalize cursor-pointer bg-gradient-to-r from-[#03A3FE] to-[#00FFA3] mt-4 flex items-center  font-bold"
+            onClick={() => window.history.back()}>Back</button>
+          )}
+          <button 
+          className="m-3 px-4 py-2 rounded-full capitalize bg-red-500 text-white px-3 py-1 border-0 rounded-lg cursor-pointer font-bold"
+          onClick={() => signOut()}>Sign Out</button>
+        </>
       ) : (
-        <button
-          onClick={() => signIn("google")} >
-          Sign In
-        </button>
+        <button 
+        className="px-4 py-2 rounded-full capitalize bg-red-500 text-white px-3 py-1 border-0 rounded-lg cursor-pointer font-bold"
+        onClick={() => signIn("google")}>Sign In</button>
       )}
     </div>
   );