Improve:: Refine redesigned settings panel UX

[RabbiIslamRony]

PR Type

What kind of change does this PR introduce?

• Bugfix
• Security fix
• Improvement
• New Feature
• Refactoring (no functional changes, no api changes)
• Build related changes
• Text changes
• Other... Please describe:

Description

How to reproduce the issue or how to test the changes

1. Open Directorist settings and verify the redesigned settings panel across Directory, Search, Users & accounts, Monetization, Notifications, Appearance, Site & pages, Extensions, and Import / Export.
2. Use the quick settings search to find fields, edit supported inline controls, jump to target fields, and confirm the target row highlights immediately.
3. Test dynamic extension and gateway settings routing; extension settings should appear under Extensions, payment gateway settings under Monetization, and known fields should no longer fall into Needs Design.
4. Update toggle, select, checkbox-array accordion, color, textarea, page setup, map/default-location, notification template, and extension settings; save and reload to confirm existing option values persist.
5. Check responsive behavior below 1400px and confirm desktop layout remains stable at 1400px and wider.

This PR improves the redesigned settings panel UI, routing, search experience, responsive behavior, and field rendering while preserving existing option keys, save payloads, and stored values.
https://prnt.sc/49sgM3RwHavw

Any linked issues

Fixes #

Checklist

• My code follows the WordPress coding standards