feat: implement responsive canvas schemas card component

[Joiejoie1]

Description

This PR fixes #6521 by implementing a responsive, animated MesherySchemasCard component and integrating it directly into the Kanvas/Features section layout (DesignerFeatures_diagram.js).

Key additions and refactors include:

• Interactive HTML5 Canvas: Added an optimized, animated wave and stream generation algorithm inside the card header to visually represent dynamic data schemas.
• Micro-interactions: Embedded smooth, fluid float and pulse animations (@keyframes) for UI tables, data streams, and hubs using inline CSS layers that are light on performance.
• Resource Bottleneck Fix: Refactored the diagram asset import strategy in DesignerFeatures_diagram.js from SVGR named imports (ReactComponent) to standard source strings (<img> tags) to resolve Webpack runtime compilation failures and silent pipeline terminations.
• Fully Responsive Structure: Implemented a glassmorphism shell design (m-glass) with strict max-width constraints to ensure seamless container scaling from mobile up to desktop configurations.

This PR fixes #

Notes for Reviewers

• The new component resides at src/components/MesherySchemasCard.js for clean reusability.
• Changed SVG parsing to standard image sources in the diagram wrapper to alleviate memory and loader issues during localized dev bundling phases.
• Verified that the canvas loop cleans up safely via its React useEffect unmount return block (cancelAnimationFrame and event listener removal) to completely avoid memory leaks.

Signed commits

• Yes, I signed my commits.

[github-actions]

Preview deployment for PR #7805 removed.

This PR preview was automatically pruned because we keep only the 6 most recently updated previews on GitHub Pages to stay within deployment size limits.

If needed, push a new commit to this PR to generate a fresh preview.

[github-actions]

🚨 Alert! Git Police! We couldn’t help but notice that one or more of your commits is missing a sign-off. A what? A commit sign-off (your email address).

To amend the commits in this PR with your signoff using the instructions provided in the DCO check.

To configure your dev environment to automatically signoff on your commits in the future, see these instructions.

---

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