add LinkTree like links page

src/router/Route.tsx

@@ -3,11 +3,12 @@ import {useRouter} from "./RouterContext";
 import {Path} from "./router";
 
 type Route = [Path, string];
-type Routes = [Route, Route, Route];
+type Routes = [Route, Route, Route, Route];
 export const ROUTES: Routes = [
   ["/", "Home"],
   ["/about", "About"],
-  ["/articles", "Articles"]
+  ["/articles", "Articles"],
+  ["/links", "Links"]
 ];
 
 function Route(props: PropsWithChildren & {route: Route}) {
@@ -23,9 +24,10 @@ function Route(props: PropsWithChildren & {route: Route}) {
 const Canvas = React.lazy(() => import("../index/Canvas"));
 const About = React.lazy(() => import("../about/AboutPage"));
 const ArticlesList = React.lazy(() => import("../articles/ArticlesList"));
+const LinkTree = React.lazy(() => import("../links/LinkTree"));
 
 export function Routes() {
-  const [index, about, articles] = ROUTES;
+  const [index, about, articles, links] = ROUTES;
 
   return <>
     <Route route={index}>
@@ -37,5 +39,8 @@ export function Routes() {
     <Route route={articles}>
       <ArticlesList/>
     </Route>
+    <Route route={links}>
+      <LinkTree/>
+    </Route>
   </>
 }