fix: Align and format cards in Health Profile

public/locale/en.json

@@ -1323,6 +1323,7 @@
   "no_country_found": "No country found",
   "no_data_found": "No data found",
   "no_departments_teams_found": "No Departments or Teams found",
+  "no_diagnoses_recorded": "No diagnoses recorded",
   "no_doctors_found": "No Doctors Found",
   "no_duplicate_facility": "You should not create duplicate facilities",
   "no_encounters_found": "No encounters found",
@@ -1373,6 +1374,7 @@
   "no_social_profile_details_available": "No Social Profile Details Available",
   "no_staff": "No staff found",
   "no_sub_organizations_found": "No sub-organizations found",
+  "no_symptoms_recorded": "No symptoms recorded",
   "no_tags_found": "No tags found",
   "no_tags_selected": "No tags selected",
   "no_tests_taken": "No tests taken",

src/components/Patient/MedicationStatementList.tsx

@@ -139,10 +139,10 @@ export function MedicationStatementList({
   if (!filteredMedications?.length) {
     return (
       <Card>
-        <CardHeader>
+        <CardHeader className="px-4 py-0 pt-4 flex justify-between flex-row">
           <CardTitle>{t("ongoing_medications")}</CardTitle>
         </CardHeader>
-        <CardContent>
+        <CardContent className="px-4 pb-5 pt-2">
           <p className="text-muted-foreground">{t("no_ongoing_medications")}</p>
         </CardContent>
       </Card>

src/components/Patient/allergy/list.tsx

@@ -74,7 +74,7 @@ export function AllergyList({
         patientId={patientId}
         encounterId={encounterId}
       >
-        <CardContent className="px-2 pb-2">
+        <CardContent className="px-2 pb-3 pt-2">
           <p className="text-muted-foreground">{t("no_allergies_recorded")}</p>
         </CardContent>
       </AllergyListLayout>

src/components/Patient/diagnosis/list.tsx

@@ -63,7 +63,9 @@ export function DiagnosisList({
         patientId={patientId}
         encounterId={encounterId}
       >
-        <p className="text-muted-foreground">{t("no_diagnoses_recorded")}</p>
+        <CardContent className="px-2 pb-3 pt-2">
+          <p className="text-muted-foreground">{t("no_diagnoses_recorded")}</p>
+        </CardContent>
       </DiagnosisListLayout>
     );
   }

src/components/Patient/symptoms/list.tsx

@@ -62,7 +62,9 @@ export function SymptomsList({
         patientId={patientId}
         encounterId={encounterId}
       >
-        <p className="text-muted-foreground">{t("no_symptoms_recorded")}</p>
+        <CardContent className="px-2 pb-3 pt-2">
+          <p className="text-muted-foreground">{t("no_symptoms_recorded")}</p>
+        </CardContent>
       </SymptomListLayout>
     );
   }