feat(auth): add close to home capability to auth wrapper modal

src/lib/components/auth/AuthWrapper.tsx

@@ -5,7 +5,9 @@ import * as React from 'react';
 
 import { PUBLIC_ROUTES } from '~/lib/constants/routes/public';
 import { RESTRICTED_ROUTES } from '~/lib/constants/routes/restricted';
+import { EVENT_TYPE_AUTH } from '~/lib/constants/tracking';
 import { useAuth } from '~/lib/stores/auth';
+import { trackEvent } from '~/lib/utils/trackEvent';
 
 import Login from './Login';
 import Register from './Register';
@@ -45,14 +47,22 @@ const AuthWrapper = ({ children }: AuthWrapperProps) => {
   const handleSwitchToRegister = () => setIsRegistered(false);
   const handleSwitchToLogin = () => setIsRegistered(true);
 
+  const handleCloseAuthModal = () => {
+    router.push({ pathname: '/home' });
+    trackEvent({
+      eventName: 'close_auth-back_to_home',
+      eventData: { type: EVENT_TYPE_AUTH },
+    });
+  };
+
   if (!isUnauthorized) {
     return children as React.ReactElement;
   }
 
   return (
     <Modal
       isOpen={isOpen}
-      onClose={() => 0}
+      onClose={handleCloseAuthModal}
       motionPreset="slideInBottom"
       isCentered
       size="md"

src/lib/components/auth/Login/index.tsx

@@ -3,6 +3,7 @@ import {
   Grid,
   Heading,
   ModalBody,
+  ModalCloseButton,
   ModalContent,
   ModalFooter,
   ModalHeader,
@@ -54,6 +55,8 @@ const Login = ({ handleSwitchToRegister }: LoginProps) => {
         <Heading bgGradient="linear(to-br, teal.200, blue.600)" bgClip="text">
           Login
         </Heading>
+
+        <ModalCloseButton />
       </ModalHeader>
 
       <ModalBody>

src/lib/pages/home/index.tsx

@@ -54,8 +54,7 @@ const Home = () => {
           </Heading>
 
           <Text color="gray">
-            Welcome to sozonome&apos;s take on scrum poker web app. Just click
-            start below.
+            spoker: real-time multiplayer scrum poker app.
           </Text>
         </Flex>