+ Password Change, +- Settings NAV, fixed bg missing

apps/hub/app/(app)/settings/page.tsx

@@ -0,0 +1,38 @@
+import { getServerSession } from "../../api/auth/[...nextauth]/auth";
+import { PrismaClient } from "@repo/db";
+import { ProfileForm, SocialForm, PasswordForm } from "./_components/forms";
+import { GearIcon } from "@radix-ui/react-icons";
+
+export default async () => {
+  const prisma = new PrismaClient();
+  const session = await getServerSession();
+  if (!session) return null;
+  const user = await prisma.user.findFirst({
+    where: {
+      id: session.user.id,
+    },
+    include: {
+      discordAccounts: true,
+    },
+  });
+  if (!user) return null;
+  const discordAccount = user?.discordAccounts[0];
+  return (
+    <div className="grid grid-cols-6 gap-4">
+      <div className="col-span-full">
+        <p className="text-2xl font-semibold text-left flex items-center gap-2">
+          <GearIcon className="w-5 h-5" /> Einstellungen
+        </p>
+      </div>
+      <div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
+        <ProfileForm user={user} />
+      </div>
+      <div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
+        <SocialForm discordAccount={discordAccount} user={user} />
+      </div>
+      <div className="card bg-base-200 shadow-xl mb-4 col-span-6 xl:col-span-3">
+        <PasswordForm user={user} />
+      </div>
+    </div>
+  );
+};