fixed css styling issues

[Mratyunjay-ch-45]

What has changed?

This PR resolves UI inconsistencies and enhances the visual design of the documentation homepage.

• 🛠 Fixed styling issues in the Installation Guide section:

  • Added a hover scale-up and shadow effect to the platform logo cards (Windows, Mac, Linux) for better interactivity.

• 🎯 Resolved height and styling inconsistencies in the Products section:

  • Ensured all product cards have uniform height and styling.
  • Added a hover effect with scale and shadow to improve user experience.

• 🔗 Enhanced appearance of external links (YouTube, GitHub, Slack, etc.):

  • Added hover effects for a more engaging look.

Type of change

• Bug fix (non-breaking change which fixes UI/UX issues)
• New feature
• Breaking change
• Documentation update

How Has This Been Tested?

• Ran npm run build and npm run serve to ensure the homepage renders correctly after changes.
• Visually verified styling improvements and hover interactions in the browser.

(Include screenshots or a short GIF here if possible.)

Checklist:

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

[github-actions]

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