init Register page

src/App.js

@@ -7,6 +7,7 @@ import NavBar from './components/elements/NavBar';
 import Footer from './components/sections/Footer';
 import {CHALLENGE_PAGE, CHALLENGES_PAGE} from './utils/globals';
 import Challenge from './pages/Challenge';
+import Register from './pages/Register';
 
 const App = () => {
     return (
@@ -14,6 +15,7 @@ const App = () => {
             <ThemeProvider theme={theme}>
                 <NavBar/>
                 <Routes>
+                    <Route path='/register' element={<Register/>}/>
                     <Route path={`${CHALLENGE_PAGE}/:challengeId`} element={<Challenge/>}/>
                     <Route path={CHALLENGES_PAGE} element={<Challenges/>}/>
                     <Route exact path='/' element={<LandingPage/>}/>

src/components/elements/NavBar/NavBar.js

@@ -49,7 +49,7 @@ const NavBar = () => {
                             Challenges
                         </Menu>
                     </FlexRow>
-                    <FlexRow as={Link} to='/' gap='16px'>
+                    <FlexRow as={Link} to='/register' gap='16px'>
                         <Svg width='16px' height='16px' src={registerIco}/>
                         <Menu as='li'>
                             Register

src/pages/Register.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import {FlexColumn} from '../utils/containers';
+
+const Register = () => {
+    return (
+        <FlexColumn margin='100px 0'>
+            siema
+        </FlexColumn>
+    );
+};
+
+export default Register;