fix: main page issue

src/components/App/index.tsx

@@ -20,9 +20,7 @@ function App(): JSX.Element {
   return (
     <Routes>
       <Route element={<Layout />}>
-        <Route path={routes.client.root()} element={
+        <Route path={routes.client.root()} element={<MainPage />} />
-          <Navigate to={routes.client.birthday()} />
-        } />
         <Route path={routes.client.birthday()} element={<BirthdayPage />} />
         <Route path={routes.client.birthtime()} element={<BirthtimePage />} />
         <Route path={routes.client.createProfile()} element={<SkipStep />} />
@@ -63,4 +61,10 @@ function SkipStep(): JSX.Element {
   return user ? <Navigate to={routes.client.emailEnter()} replace={true} /> : <CreateProfilePage />
 }
 
+function MainPage(): JSX.Element {
+  const { user } = useAuth()
+  const page = user ? routes.client.wallpaper() : routes.client.birthday()
+  return <Navigate to={page} replace={true} />
+}
+
 export default App

src/components/Footer/styles.css

@@ -3,7 +3,7 @@
   font-size: 14px;
   font-weight: 400;
   line-height: 2;
-  padding: 10px 0;
+  padding-bottom: 25px;
   color: #8e8e93;
   text-align: center;
 }

src/components/Navbar/index.tsx

@@ -27,7 +27,9 @@ function Navbar({ isOpen, closeMenu }: NavbarProps): JSX.Element {
         </div>
         <nav className='navbar__nav'>
           {legal?.map((item) => (
-            <Link key={item.type} to={routes.client.legal(item.type)}>{capitalize(item.title)}</Link>
+            <Link key={item.type} to={routes.client.legal(item.type)} onClick={closeMenu}>
+              {capitalize(item.title)}
+            </Link>
           ))}
           <a href='#' onClick={closeMenu}>Contact us</a>
           <a href='#' onClick={logout}>Log Out</a>

src/components/StaticPage/index.tsx

@@ -20,7 +20,7 @@ function StaticPage(): JSX.Element {
 
   return (
     <section className='page page-static'>
-      {isPending ? <Loader /> : <div dangerouslySetInnerHTML={{ __html: data?.body }} />}
+      {isPending ? <Loader /> : <div className='page-static__content' dangerouslySetInnerHTML={{ __html: data?.body }} />}
       {error && <NotFoundPage />}
     </section>
   )

src/components/StaticPage/styles.css

@@ -12,3 +12,7 @@
   margin-top: 10px;
   margin-bottom: 10px;
 }
+
+.page-static__content {
+  width: 100%;
+}