app/(root)/docs/page.tsx

@@ -1,7 +1,9 @@
-import React from "react";
+import Sidebar from '@/components/shared/Sidebar';
 
-const Docs = () => {
-  return <div>Docs</div>;
-};
-
-export default Docs;
+export default function Page() {
+  return (
+    <>
+      <Sidebar />
+    </>
+  );
+}

app/(root)/downloads/page.tsx

@@ -1,4 +1,4 @@
-import { Button } from "@/components/ui/button";
+import { Button } from '@/components/ui/button';
 import {
   Table,
   TableBody,
@@ -8,38 +8,38 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@/components/ui/table";
-import { Download } from "lucide-react";
-import Link from "next/link";
+} from '@/components/ui/table';
+import { Download } from 'lucide-react';
+import Link from 'next/link';
 
 const downloads = [
   {
-    date: "2024-06-01",
-    fileName: "SVRJS_v1.0.0.zip",
-    version: "1.0.0",
-    fileSize: "15MB",
-    downloadLink: "/downloads/SVRJS_v1.0.0.zip",
+    date: '2024-06-01',
+    fileName: 'SVRJS_v1.0.0.zip',
+    version: '1.0.0',
+    fileSize: '15MB',
+    downloadLink: '/downloads/SVRJS_v1.0.0.zip',
   },
   {
-    date: "2024-06-10",
-    fileName: "SVRJS_v1.1.0.zip",
-    version: "1.1.0",
-    fileSize: "18MB",
-    downloadLink: "/downloads/SVRJS_v1.1.0.zip",
+    date: '2024-06-10',
+    fileName: 'SVRJS_v1.1.0.zip',
+    version: '1.1.0',
+    fileSize: '18MB',
+    downloadLink: '/downloads/SVRJS_v1.1.0.zip',
   },
   {
-    date: "2024-06-15",
-    fileName: "SVRJS_v1.2.0.zip",
-    version: "1.2.0",
-    fileSize: "20MB",
-    downloadLink: "/downloads/SVRJS_v1.2.0.zip",
+    date: '2024-06-15',
+    fileName: 'SVRJS_v1.2.0.zip',
+    version: '1.2.0',
+    fileSize: '20MB',
+    downloadLink: '/downloads/SVRJS_v1.2.0.zip',
   },
   {
-    date: "2024-06-20",
-    fileName: "SVRJS_v1.3.0.zip",
-    version: "1.3.0",
-    fileSize: "22MB",
-    downloadLink: "/downloads/SVRJS_v1.3.0.zip",
+    date: '2024-06-20',
+    fileName: 'SVRJS_v1.3.0.zip',
+    version: '1.3.0',
+    fileSize: '22MB',
+    downloadLink: '/downloads/SVRJS_v1.3.0.zip',
   },
 ];
 
@@ -67,7 +67,10 @@ const DownloadPage = () => {
           </TableRow>
         </TableHeader>
         <TableBody>
-          {downloads.map((download) => (
+          {downloads
+            .slice()
+            .reverse()
+            .map((download) => (
               <TableRow key={download.fileName}>
                 <TableCell className="font-medium">{download.date}</TableCell>
                 <TableCell>{download.fileName}</TableCell>
@@ -75,7 +78,7 @@ const DownloadPage = () => {
                 <TableCell className="text-left">{download.fileSize}</TableCell>
                 <TableCell className="flex items-center justify-end">
                   <Link href={download.downloadLink}>
-                  <Button variant={"ghost"} className="">
+                    <Button variant={'ghost'} className="">
                       <Download className="w-4 h-4 mr-2" />
                       Download
                     </Button>

app/docs/page.tsx

@@ -1,9 +0,0 @@
-import Sidebar from '@/components/shared/Sidebar';
-
-export default function Page() {
-  return (
-    <>
-      <Sidebar />
-    </>
-  );
-}