wip: clerk auth

apps/web/src/app/(app)/page.tsx

@@ -1,26 +1,13 @@
-import { ModalWrapper } from '@/modals';
-import { ModalContent, ModalHeader } from '@/modals/Modal/Container';
+import { getOrganizations } from '@/server/services/organization.service';
+import { CreateOrganization } from '@clerk/nextjs';
 import { redirect } from 'next/navigation';
 
-import { db } from '@mixan/db';
-
-import { ListOrganizations } from './list-organizations';
-
 export default async function Page() {
-  const organizations = await db.organization.findMany();
+  const organizations = await getOrganizations();
 
-  if (organizations.length === 1 && organizations[0]?.id) {
-    redirect(`/${organizations[0].id}`);
+  if (organizations.length === 0) {
+    return <CreateOrganization />;
   }
 
-  return (
-    <div className="fixed top-0 left-0 right-0 bottom-0 bg-[rgba(0,0,0,0.2)] z-50">
-      <ModalWrapper>
-        <ModalContent>
-          <ModalHeader title="Select organization" onClose={false} />
-          <ListOrganizations organizations={organizations} />
-        </ModalContent>
-      </ModalWrapper>
-    </div>
-  );
+  return redirect(`/${organizations[0]?.slug}`);
 }