adding project features.

app/(customer)/dashboard/projects/new/page.tsx

@@ -1,9 +1,20 @@
 import {PageParams} from "@/types/next";
 import {Page, PageContent, PageHeader, PageTitle} from "@/features/layout/page";
+import {prisma} from "@/prisma";
+import {ProjectForm} from "@/components/wrappers/project/ProjectForm";
 
 
 export default async function RoutePage(props: PageParams<{}>) {
 
+    const availableDatabases = await prisma.database.findMany({
+        where: {
+            projectId: null
+        },
+        orderBy: {
+            createdAt: 'desc',
+        },
+    })
+
     return (
         <Page>
             <PageHeader>
@@ -12,7 +23,12 @@ export default async function RoutePage(props: PageParams<{}>) {
                 </PageTitle>
             </PageHeader>
             <PageContent>
-
+                Add databases
+                {availableDatabases.map(database =>
+                    <div key={database.id}>
+                        {database.name}
+                    </div>)}
+                <ProjectForm/>
             </PageContent>
         </Page>
     )