feat: Redesigned Glossary Page with Card-Based UI

[urveeshdadhich]

What has changed?

Fixed icon and text color contrast in dark mode for glossary entries and tooltips.

Improved accessibility for active letter highlight.

Ensured the glossary remains responsive and theme-aware.

This PR Resolves #2771(keploy/keploy)

Type of change

Please delete options that are not relevant.

• New feature (non-breaking change which adds functionality).

How Has This Been Tested?

Ran npm run build and npm run serve to confirm UI renders correctly and cards switch theme properly. A-Z navbar no longer sticks on scroll.

Checklist:

• [x ] My code follows the style guidelines of this project.
• [x ] I have performed a self-review of my own code.

[Copilot]

Pull Request Overview

This PR redesigns the Glossary page by transitioning to a card-based UI while also improving dark mode contrast, accessibility, and responsiveness.

• Added tooltip descriptions to glossary entries.
• Introduced alphabet navigation with smooth scrolling to sections.
• Updated styling and layout for a responsive, theme-aware design.

[github-actions]

Thank you and congratulations 🎉 for opening your very first pull request in keploy

[nehagup]

Hey @urveeshdadhich appreciate your effort. Unfortunately we will not be able to merge this one since we best the first best PR we got for the same issue.

I believe there are still a lot of design changes we can do the docs website, please try to contribute there. :)

[urveeshdadhich]

Hey @nehagup thank you for the update! Totally understand — appreciate you reviewing my PR. 😊

I'll definitely explore other areas in the docs where I can contribute and help improve the design. Looking forward to making more contributions!