Implement page component

Added new route, updated route paths

dapp/src/pages/ActivityPage/index.tsx

@@ -3,6 +3,7 @@ import { Flex, Link as ChakraLink, Icon } from "@chakra-ui/react"
 
 import { Link as ReactRouterLink } from "react-router-dom"
 import { useSidebar } from "#/hooks"
+import { routerPath } from "#/router/path"
 import { ArrowLeft } from "#/assets/icons"
 import ActivityDetails from "./ActivityDetails"
 import { ActivityBar } from "./ActivityBar"
@@ -17,7 +18,7 @@ export default function ActivityPage() {
 
   return (
     <Flex direction="column" gap={4} p={6}>
-      <ChakraLink as={ReactRouterLink} to="/">
+      <ChakraLink as={ReactRouterLink} to={routerPath.overview}>
         <Icon
           as={ArrowLeft}
           boxSize={8}

dapp/src/pages/LandingPage/index.tsx

@@ -0,0 +1,10 @@
+import React from "react"
+import { Flex } from "@chakra-ui/react"
+
+export default function LandingPage() {
+  return (
+    <Flex w="full" flexFlow="column" px={10}>
+      Content
+    </Flex>
+  )
+}

dapp/src/router/index.tsx

@@ -1,12 +1,17 @@
 import React from "react"
 import { createBrowserRouter } from "react-router-dom"
+import LandingPage from "#/pages/LandingPage"
 import OverviewPage from "#/pages/OverviewPage"
 import ActivityPage from "#/pages/ActivityPage"
 import { routerPath } from "./path"
 
 export const router = createBrowserRouter([
   {
     path: routerPath.home,
+    element: <LandingPage />,
+  },
+  {
+    path: routerPath.overview,
     element: <OverviewPage />,
   },
   {

dapp/src/router/path.ts

@@ -1,4 +1,5 @@
 export const routerPath = {
   home: "/",
+  overview: "/overview",
   activity: "/activity-details",
 }