[Site]: Fix Plugin Icons Display and Enhance Plugins Page Functionality

[adarsh-priydarshi-5646]

Current State

Issue Description

The Plugins Page has issues with icon display and responsiveness, causing inconsistent visuals and a poor user experience.

---

Problem

• Plugin icons are not loading or displaying correctly.
• Layout breaks on smaller screens.
• UI feels inconsistent and unresponsive across devices.

---

Expected Behavior

• All plugin icons should render properly.
• The layout should remain responsive on all screen sizes.
• User experience should be smooth and consistent.

---

Possible Cause

• Icon rendering logic in plugin-icon.js may be outdated or broken.
• Missing responsive styles in plugins.tsx.

---

Suggested Fix

• Update the icon rendering logic in JavaScript.
• Improve the responsive design of plugin cards.
• Optimize loading mechanism for icons.

---

Files to be Modified

• website/static/js/plugin-icon.js
• website/src/pages/plugins.tsx

---

Screenshots of the Change

Before Changes

---

After Changes

Desired State

Description of the change you are proposing:

This update fixes the plugin icon rendering and UI responsiveness issues on the Plugins Page.

What’s Fixed

• Corrected plugin icon loading and rendering logic in plugin-icon.js.
• Improved responsive design for plugin cards in plugins.tsx.
• Enhanced overall layout and visual consistency across browsers.
• Optimized the icon loading mechanism for better performance.

Expected Outcome

• Plugin icons display consistently across all browsers.
• The plugins page remains fully responsive on mobile and desktop.
• Improved user experience and smoother UI behavior.

---

Would you like to fix this issue?

Yes! Count me in

[aryashi100]

hey , i noticed this PR is still open ,
if you'd like any help testing or refining the responsive layout , i'd be happy to contribute .