Fix:Query-Insights-Dashboards-style-integration-QueryDetails

[KishoreKicha14]

# QueryDetails Page UI Refinements

Description

This update introduces UI refinements to the QueryDetails page, focusing on improving consistency, accessibility, and overall layout. Key changes include:

• Adjusted title sizes to match semantic HTML and accessibility standards.
• Updated button sizes to size="s" to align with the global design system.
• Compressed input fields for a cleaner and more compact UI.
• Fine-tuned spacing between UI elements (e.g., horizontal rules, panels) for better readability.

UI Adjustments

• Title Size: Updated to use semantic HTML tags and proper header sizes.
• Button Size: Ensured buttons are consistently using size="s" for a streamlined appearance.
• Input Fields: Compressed input fields where appropriate for a cleaner design.
• Spacing: Fine-tuned spacing and margins around elements like horizontal rules and panels.

Issues Resolved

List any issues this PR will resolve, e.g. Closes [...].

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]

Please run cypress tests, linting and unit tests locally before submitting PR if possible. @KishoreKicha14

Cypress tests can be run using:

run backend with ./gradlew run
run frontend with yarn start --server.host="0.0.0.0"
run cypress with yarn cypress run

Applicable for all 3 PRs