Feat(user): 인증 화면 가드 구성

- 사용자가 로그인 중일 때는 인증 화면으로 갈 수 없도록 구현

ref: #67

packages/apps/user/src/components/Root/AuthRoot.js

@@ -0,0 +1,16 @@
+import { Outlet, useNavigate } from 'react-router-dom';
+
+import useUser from '../../hooks/useUser';
+import LoadingPage from '../../../../../common/LoadingPage';
+
+const AuthRoot = function () {
+  const navigate = useNavigate();
+  const { userLoading, user, isLoggedIn } = useUser();
+  console.log(userLoading, user, isLoggedIn);
+
+  return (
+    <>{userLoading ? <LoadingPage /> : user ? navigate('/') : <Outlet />}</>
+  );
+};
+
+export default AuthRoot;

packages/apps/user/src/components/Root/Root.js

@@ -13,7 +13,7 @@ const Root = function () {
 
   return (
     <>
-      {true ? (
+      {userLoading ? (
         <LoadingPage />
       ) : user ? (
         <>

packages/apps/user/src/routes/authRoutes.js

@@ -1,5 +1,3 @@
-import { Outlet } from 'react-router-dom';
-
 import NotFound from '../views/NotFound/NotFound';
 import SignUp from '../views/Auth/SignUp/SignUp';
 import LogIn from '../views/Auth/LogIn/LogIn';
@@ -9,10 +7,11 @@ import AfterCapture from '../components/SignUpForm/AfterCapture';
 import Step1 from '../views/Auth/SignUp/Step1';
 import Step2 from '../views/Auth/SignUp/Step2';
 import Step3 from '../views/Auth/SignUp/Step3';
+import AuthRoot from '../components/Root/AuthRoot';
 
 const authRoutes = {
   path: 'auth',
-  element: <Outlet />,
+  element: <AuthRoot />,
   errorElement: <NotFound />,
   children: [
     {