Fix QI-Styling-Configuration

[KishoreKicha14]

Description

This change introduces improvements to the configuration page by enhancing the UI and aligning it with the latest design guidelines. The main updates include:

• Ensuring the use of semantic header tags for accessibility.
• Adjusting text sizes for regular and heading text to match the type ramp specifications.
• Implementing consistent padding and layout for a clean and responsive design.
• Using EuiFlexGroup, EuiPanel, and other components to structure the content in a modular, maintainable manner.

Changed Made

EuiDescriptionList Integration:

• Used to display configuration settings with their descriptions.
• Helps maintain a clear and concise UI.
• Configurations like "Enabled" and their respective descriptions (e.g., "Enable/disable top N query monitoring") are displayed in a compact and organized manner.
  Compressed Layout:
• Utilized the compressed={true} prop to minimize the vertical space between items, ensuring the UI stays compact and avoids unnecessary scrolling.
  By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.
  For more information on following Developer Certificate of Origin and signing off your commits, please check here.

[deshsidd]

Looks like cypress tests are failing on the query group details page. Please take a look @KishoreKicha14

[ansjcy]

Please iterate from the previous PR instead of creating new ones: #68