Accessing patient data in server component

and passing to its child

app/(pages)/patient/settings/page.tsx

@@ -1,9 +1,13 @@
+import { Patient } from "@/types";
+import { getPatientData } from "@lib/patient";
 import { ProfileSettings } from "../components";
 
-export default function Settings() {
+export default async function Settings() {
+  const patient: Patient = await getPatientData();
+
   return (
     <section className="h-full w-full flex flex-col">
-      <ProfileSettings />
+      <ProfileSettings patient={patient} />
     </section>
   );
 }