docs: refine dynamic page hierarchy (#511)

apps/documentation/src/components/Sidebar/sidebarElements.ts

@@ -190,13 +190,13 @@ export const sidebarElements: Array<SidebarElement> = [
     children: [
       {
         type: 'element',
-        label: 'dynamic',
-        href: '/documentation/functions/dynamic',
+        label: 'useRouter',
+        href: '/documentation/functions/use-router',
       },
       {
         type: 'element',
-        label: 'useRouter',
-        href: '/documentation/functions/use-router',
+        label: 'dynamic',
+        href: '/documentation/functions/dynamic',
       },
     ],
   },

apps/documentation/src/routes/documentation/functions/dynamic.mdx

@@ -12,6 +12,8 @@ import Breadcrumbs from '@/components/Breadcrumbs'
 
 # dynamic
 
+## Overview
+
 Tuono supports lazy loading through the `dynamic` function, which uses `Suspense` and `React.lazy` to load components lazily with fallback support.
 
 Lazy loading helps reduce the amount of JavaScript required for the initial page render by deferring the loading of components and libraries until they are needed.