handle all pages dashboard & register api

components/dashboard/userAccount/content/HeadTab.js

@@ -11,7 +11,6 @@ function HeadTab({
   setIsTurnsDetails,
   components,
 }) {
-
   return (
     <>
       {isTurnsDetails ? (
@@ -50,9 +49,7 @@ function HeadTab({
               handleChange={handleChange}
             />
           </div>
-          <div className="mt-[24px] sm:mt-[28px] md:mt-[32px] px-0 md:px-[24px]">
-            {components[tab]}
-          </div>
+          <div className="mt-[22px] px-0 md:px-[24px]">{components[tab]}</div>
         </>
       )}
     </>

components/dashboard/userAccount/content/index.js

@@ -34,6 +34,7 @@ function ContentTabs({
 }) {
   const [loading, setLoading] = useState(true);
   const [tab, setTab] = useState(0);
+  const data = profileData[0];
 
   const handleChange = (event, newValue) => {
     // setValue(newValue);
@@ -57,12 +58,12 @@ function ContentTabs({
     // <Comments user={user} loading={loading} />,
     // <Messages user={user} loading={loading} />,
     // <NotfoundDashboard />,
-    <Disease data={profileData} />,
-    <Allergies />,
-    <Medications />,
-    <Surgeries />,
-    <FamilyHistory />,
-    <Relatives />,
+    <Disease data={data} />,
+    <Allergies data={data} />,
+    <Medications data={data} />,
+    <Surgeries data={data} />,
+    <FamilyHistory data={data} />,
+    <Relatives data={data} />,
   ];
 
   return (