Improve styling of categories of models

[CodexRaunak]

Description

Page - https://layer5.io/cloud-native-management/meshery/integrations

The focused state is have a dark bg and default is light. Not responsive

Expected Behavior

1. The focused state should be light bg and and default should be dark (vice versa of current one)
2. It should be responsive in light mode, can take reference of the theme, Keppel on hovering for example.

Screenshots

Environment:

• Host OS:
• Browser:

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[ankitkr104]

Hey @CodexRaunak could u assign me this issue.

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄