skelton design change

src/feature/EducationalDetailsForm.jsx

@@ -225,7 +225,7 @@ const EducationalDetailsForm = ({
             {/* Occupation */}
             <div className="flex flex-col gap-4">
               <label className="text-gray-900 text-[15px]">
-                Occupation{requiredMark}
+                Occupation
               </label>
               <FormControl
                 fullWidth
@@ -269,7 +269,7 @@ const EducationalDetailsForm = ({
             {/* Company / Organization Name */}
             <div className="flex flex-col gap-4">
               <label className="text-gray-900 text-[15px]">
-                Company / Organization Name{requiredMark}
+                Company / Organization Name
               </label>
               <TextField
                 fullWidth
@@ -287,7 +287,7 @@ const EducationalDetailsForm = ({
             {/* Employee Type */}
             <div className="flex flex-col gap-4">
               <label className="text-gray-900 text-[15px]">
-                Employee Type{requiredMark}
+                Employee Type
               </label>
               <FormControl
                 fullWidth
@@ -333,7 +333,7 @@ const EducationalDetailsForm = ({
             {/* Annual Income */}
             <div className="flex flex-col gap-4">
               <label className="text-gray-900 text-[15px]">
-                Annual Income{requiredMark}
+                Annual Income
               </label>
               <FormControl
                 fullWidth

src/feature/PersonalDetailsForm.jsx

@@ -674,7 +674,7 @@ const PersonalDetailsForm = ({ onSubmitStep, errors, onFieldChange, isStep1Updat
 
           {/* Height */}
           <div className="flex flex-col gap-2">
-            <label className="text-gray-900 text-[15px]">Height</label>
+            <label className="text-gray-900 text-[15px]">Height{requiredMark}</label>
             <TextField
               fullWidth
               name="height"

src/feature/ProfilePreviewPage.jsx

@@ -120,7 +120,7 @@ const ProfilePreviewPage = () => {
             <Edit2 size={20} />
           </IconButton>
         }
-        sx={{ padding: "15px 15px", background: "#f5fbff" }}
+        sx={{ padding: "15px 15px", background: "#ffff" }}
       />
       <Divider />
 

src/feature/StepperForm.jsx

@@ -589,6 +589,7 @@ useEffect(()=>{
         "mobileNumber",
         "gender",
         "dob",
+        "height",
         "maritalStatus",
         "profileFor",
         "caste",
@@ -638,10 +639,8 @@ useEffect(()=>{
       const required = [
         "qualification",
         "fieldOfStudy",
-        "occupation",
-        "organization",
-        "employeeType",
-        "income",
+       
+       
       ];
       required.forEach((field) => {
         if (!educationalDetails[field]) {