principal distributor create with address and salescoordinator attendance system create

src/views/PrincipalDistributors/addPrincipalDistributor.js

@@ -262,9 +262,12 @@ const AddPrincipalDistributor = () => {
                 onChange={handleDataChange}
               />
             </Grid>
+          </Grid>
+
           <Typography variant="h6" sx={{ mb: 2 }}>
             Address
           </Typography>
+          <Grid container spacing={2} sx={{ mb: 2 }}>
             <Grid item xs={12} sm={4}>
               <TextField
                 id="country"