sort docs content by order field in frontmatter metadata

Took 7 minutes

docs/intro.mdx

@@ -2,6 +2,7 @@
 title: '🚀 Introduction'
 published: '2024-10-06'
 summary: 'petentium usu tota noluisse errem elaboraret auctor.'
+order: 1
 ---
 
 > [!IMPORTANT]

docs/👨🏼‍💻 Self Hosting/docker.mdx

@@ -2,6 +2,7 @@
 title: '🐋 Docker'
 published: '2024-10-07'
 summary: 'petentium usu tota noluisse errem elaboraret auctor.'
+order: 4
 ---
 
 # Deploying on Docker

docs/🖥️ Service Monitoring/components.mdx

@@ -2,6 +2,7 @@
 title: '🧩 Components'
 published: '2024-10-07'
 summary: 'petentium usu tota noluisse errem elaboraret auctor.'
+order: 2
 ---
 
 # Components

docs/🖥️ Service Monitoring/supported-services.mdx

@@ -2,6 +2,7 @@
 title: '✔️ Supported Services'
 published: '2024-10-07'
 summary: 'petentium usu tota noluisse errem elaboraret auctor.'
+order: 3
 ---
 
 # Supported Services

src/app/types/mdx.ts

@@ -16,6 +16,11 @@ type DocsContentMetadata = MDXMetadata & {
      * The summary of this content.
      */
     summary: string;
+
+    /**
+     * The order of this content.
+     */
+    order: number;
 };
 
 /**

src/components/sidebar/sidebar-links.tsx

@@ -136,7 +136,16 @@ const CategoryItem = ({
 const buildTree = (pages: DocsContentMetadata[]): Record<string, TreeNode> => {
     const tree: Record<string, TreeNode> = {};
 
-    pages.forEach((page: DocsContentMetadata) => {
+    // Sort pages by the order property
+    const sortedPages = pages.sort(
+        (a: DocsContentMetadata, b: DocsContentMetadata) => {
+            const orderA = a.order ?? Number.MAX_SAFE_INTEGER;
+            const orderB = b.order ?? Number.MAX_SAFE_INTEGER;
+            return orderA - orderB;
+        }
+    );
+
+    sortedPages.forEach((page: DocsContentMetadata) => {
         const parts: string[] | undefined = page.slug?.split("/");
         let currentLevel = tree;