Task: Add auth context and provider and add routes and route wrapper and more configs and utils

src/pages/About/index.tsx

@@ -2,8 +2,8 @@ import './index.less'
 
 export default function About() {
   return (
-    <div className="about-title">
-      <h1>About Us</h1>
+    <div>
+      <h1 className="about-title">About Us</h1>
     </div>
   )
 }

src/pages/Error/403.tsx

@@ -0,0 +1,7 @@
+export default function AccessDenied() {
+    return (
+        <div>
+            <h1>Access denied!</h1>
+        </div>
+    )
+}

src/pages/Error/404.tsx

@@ -0,0 +1,7 @@
+export default function NotFound() {
+    return (
+        <div>
+            <h1>Not found!</h1>
+        </div>
+    )
+}

src/pages/Home/index.tsx

@@ -2,8 +2,8 @@ import './index.less'
 
 export default function Home() {
   return (
-    <div className="home-title">
-      <h1>Home</h1>
+    <div>
+      <h1 className="home-title">Home</h1>
     </div>
   )
 }

src/pages/Login/index.less

@@ -0,0 +1,4 @@
+.login-title {
+  text-align: center;
+  font-weight: bold;
+}

src/pages/Login/index.tsx

@@ -0,0 +1,9 @@
+import './index.less'
+
+export default function Login() {
+  return (
+    <div>
+      <h1 className="login-title">Login</h1>
+    </div>
+  )
+}

src/pages/Profile/index.tsx

@@ -0,0 +1,7 @@
+export default function Profile() {
+    return (
+        <div>
+            <h1>Profile</h1>
+        </div>
+    )
+}