feat: const for routes and init profile page

src/routes/app.js

@@ -5,25 +5,37 @@ import {Membership} from "../pages/Membership/Membership";
 import {Product} from "../pages/Product/Product";
 import {Transaction} from "../pages/Transaction/Transaction";
 
+export const LINKS = {
+    HOME: "/app/home",
+    ABOUT: "/app/about",
+    MEMBERSHIP: "/app/membership",
+    PRODUCT: "/app/product",
+    TRANSACTION: "/app/transaction",
+    PROFILE: "/app/profile",
+};
+
 export const AppRoute = () => {
     return <Switch>
-        <Route path={"/app/home"}>
+        <Route path={LINKS.HOME}>
             <Home/>
         </Route>
-        <Route path={"/app/membership"}>
+        <Route path={LINKS.MEMBERSHIP}>
             <Membership/>
         </Route>
-        <Route path={"/app/product"}>
+        <Route path={LINKS.PRODUCT}>
             <Product/>
         </Route>
-        <Route path={"/app/transaction"}>
+        <Route path={LINKS.TRANSACTION}>
             <Transaction/>
         </Route>
-        <Route path={"/app/about"}>
+        <Route path={LINKS.ABOUT}>
+            <About/>
+        </Route>
+        <Route path={LINKS.PROFILE}>
             <About/>
         </Route>
         <Route path="/app" exact>
-            <Redirect to={'/app/home'}/>
+            <Redirect to={LINKS.HOME}/>
         </Route>
     </Switch>
 }