feat add login page and components

src/App.tsx

@@ -6,6 +6,8 @@ import Tutorial from "./pages/tutorial";
 import Rule from "./pages/rule";
 import About from "./pages/about";
 import ProgressBar from "./common/ProgressBar";
+import AuthLayout from "./layout/AuthLayout";
+import Login from "./pages/login";
 
 const App = () => {
   return (
@@ -21,6 +23,9 @@ const App = () => {
             <Route path="private" element={<p>private</p>} />
           </Route>
         </Route>
+        <Route path="login" element={<AuthLayout />} >
+          <Route index element={<Login />} />
+        </Route>
       </Routes>
     </Router>
   );