Diya 🔥 fix(ui): Fixed Quick Setup Buttons on User Profile Page

[DiyaWadhwani]

Description

Fixes formatting issues with the Quick Setup Title (QST) buttons on the User Profile page, where the Edit/Save button was smaller than the Add New QST and Change Order buttons, and unnecessary padding was making the section look misaligned.

Related PRs (if any):

None

Main changes explained:

• Updated QuickSetupModal.jsx to remove the container pt-3 wrapper class, causing unnecessary padding
• Changed the button container div to use d-flex justify-content-start mt-3 gap-2 for proper button alignment
• Fixed all three buttons (Add New QST, Change Order, Edit/Save) to use color="primary" and className separately instead of stuffing margin classes into the color prop
• Moved EditTitlesModal outside the button container div so it no longer affects button sizing in the flex layout

How to test:

1. Check out the current branch
2. Run npm install --force and start the dev server with npm run start:local
3. Clear site data/cache
4. Log in as an Owner or Administrator
5. Navigate to any user's profile page
6. Verify the Add New QST, Change Order, and Edit/Save buttons are all the same size and properly aligned
7. Click Edit and verify it switches to Save and remains the same size
8. Verify in dark mode

Screenshots or videos of changes:

Before:

After:

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	7e6b545
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/69e0081e6562220009d96843
😎 Deploy Preview	https://deploy-preview-5155--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[sonarqubecloud]

Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud