feat/added glyph matrix component

[sarvan-2187]

Description

Adds a new GlyphMatrix animated background component to Magic UI.
The component renders a lightweight canvas-based matrix of dynamically mutating glyphs with responsive resizing and theme-aware coloring.
It is designed for futuristic hero sections, terminal-inspired interfaces, and ambient UI backgrounds.

Changes

• Added new GlyphMatrix component
• Implemented canvas-based glyph rendering
• Added animated glyph mutation system
• Added responsive resizing with ResizeObserver
• Added theme-aware foreground color support using CSS variables
• Added configurable props for glyphs, mutation rate, interval, cell size, and fade intensity
• Added cleanup for animation observers and RAF loops
• Added JSX-compatible implementation
• Added demo/example usage

Motivation

Magic UI currently lacks a lightweight animated matrix/grid background component for futuristic and developer-focused interfaces.

This component provides:

• Better visual ambience for landing pages
• A reusable animated background primitive
• A performant alternative to DOM-heavy matrix effects
• A highly customizable aesthetic component for AI, cyberpunk, and terminal-inspired UIs

Breaking Changes

None.

Screenshots

Device / Browser / Viewport: Lenovo LOQ / Brave / 1920*1080

Before	After
None

[vercel]

@sarvan-2187 is attempting to deploy a commit to the product-studio Team on Vercel.

A member of the Team first needs to authorize it.

[sarvan-2187]

Closes #969

[sarvan-2187]

@Yeom-JinHo I have done the requested changes, please verify and if any further changes required please let me know!

[sharaddh]

well and fine, new component is good but make it more clear and organized

[sarvan-2187]

@sharaddh Can you elaborate exactly what needs to be organized please ?