Improve JavaScript Quote Generator UI and Accessibility

[raadhika-N]

Summary:
This PR enhances the JavaScript Quote Generator by improving its HTML semantics, accessibility features, and overall UI design. Key changes include restructuring the markup with semantic elements like

, , and

, adding ARIA attributes for better screen reader support, and applying a modern, clean style with responsive layout and interactive button effects.

Motivation:
The existing implementation lacked accessibility considerations and had a basic UI that could be made more user-friendly and visually appealing. These improvements aim to provide a better experience for all users, including those relying on assistive technologies, and offer a polished look consistent with modern web standards.

Changes made:

Updated viewport meta tag for improved mobile responsiveness.

Added semantic HTML elements and ARIA attributes.

Enhanced styling for typography, layout, and buttons with hover and focus states.

Centered content both vertically and horizontally for better aesthetics.

Improved code readability and maintainability.

Dependencies:
No additional dependencies introduced.

Fixes:
No specific issue number linked (add if applicable).