changed the height of the page

src/components/FamilyAcc/FamilyTable.jsx

@@ -60,7 +60,11 @@ export default function FamilyTable({
     const key = `family-${family_uid}`; // Assign a unique key
 
     const trackingStatus =
-      enable_traking === "0" ? "Stopped" : enable_traking === "100" ? "Active" : "";
+      enable_traking === "0"
+        ? "Stopped"
+        : enable_traking === "100"
+        ? "Active"
+        : "";
 
     return (
       <tr

src/components/FamilyAcc/Tabs/FamilyProfile.jsx

@@ -49,12 +49,12 @@ export default function FamilyProfile({ familyData, className }) {
 
   // initial values for formik
   let initialValues = {
-    family_uid: familyData.uid,
+    family_uid: familyData?.uid,
-    firstname: familyData.firstname,
+    firstname: familyData?.firstname,
-    lastname: familyData.lastname,
+    lastname: familyData?.lastname,
-    year: familyData.year,
+    year: familyData?.year,
-    month: familyData.month,
+    month: familyData?.month,
-    enable_traking: familyData.enable_traking,
+    enable_traking: familyData?.enable_traking,
     action: 22020,
   };
 

src/components/FourZeroFour/index.jsx

@@ -16,7 +16,7 @@ export default function FourZeroFour() {
     },
   };
   return (
-    <div className={`my-custom-bg-class flex justify-center items-center w-full h-screen before:content-[''] before:absolute before:inset-0 before:bg-[#cdcdcd]/[.8]`}>
+    <div className={`my-custom-bg-class flex justify-center items-center w-full min-h-screen before:content-[''] before:absolute before:inset-0 before:bg-[#cdcdcd]/[.8]`}>
       <div className="relative pt-32 max-w-3xl">
         {/* <Lottie options={defaultOptions} width={600} height={600} /> */}
         <div className="px-16 md:px-24 flex flex-col items-center justify-center gap-4">