Adding loading.tsx

app/(customer)/dashboard/loading.tsx

@@ -0,0 +1,9 @@
+import {LoadingSpinner} from "@/components/wrappers/Loading/LoadingSpinner";
+
+export default function Loading() {
+    return (
+        <div className="w-full h-full flex flex-col items-center justify-center">
+            <LoadingSpinner size={50} />
+        </div>
+    )
+}

app/(customer)/dashboard/projects/[projectId]/database/[databaseId]/page.tsx

@@ -1,13 +1,10 @@
 import {PageParams} from "@/types/next";
 import {prisma} from "@/prisma";
-import {notFound, usePathname, useRouter} from "next/navigation";
+import {notFound} from "next/navigation";
 import {Page, PageActions, PageContent, PageDescription, PageTitle} from "@/features/layout/page";
 import {BackupButton} from "@/components/wrappers/dashboard/backup/backup-button/backup-button";
 import {DatabaseTabs} from "@/components/wrappers/dashboard/Projects/Database/DatabaseTabs";
 import {DatabaseKpi} from "@/components/wrappers/dashboard/Projects/Database/DatabaseKpi";
-import Link from "next/link";
-import {buttonVariants} from "@/components/ui/button";
-import {GearIcon} from "@radix-ui/react-icons";
 import {EditButton} from "@/components/wrappers/dashboard/database/EditButton/EditButton";
 import {CronButton} from "@/components/wrappers/dashboard/database/CronButton/CronButton";
 
@@ -31,12 +28,18 @@ export default async function RoutePage(props: PageParams<{ databaseId: string }
         },
         include:{
             restorations: {}
+        },
+        orderBy: {
+            createdAt: "desc"
         }
     })
 
     const restorations = await prisma.restoration.findMany({
         where: {
             databaseId: databaseId,
+        },
+        orderBy: {
+            createdAt: "desc"
         }
     })