feat(components/atom/videoPlayer): use static imports for vite compatibility

[kikoruiz]

Category/Component

🔍 Show

Description, Motivation and Context

Fix SSR suspension and Vite compatibility issues

Changes

• SSR-safe rendering: Added client-only rendering guard to prevent Suspense errors during server-side rendering
• Vite compatibility: Replaced dynamic template string imports with static imports to fix Vite bundling issues

Technical Details

Before:

• lazy(() => import('../components/${videoType.PLAYER_COMPONENT}.js')) - Dynamic imports with template strings (Vite can't analyze)
• <Suspense> caused suspension errors during SSR

After:

• Static imports mapped to a PLAYER_COMPONENTS object
• Component only renders on client-side after hydration
• Fallback component shown during SSR

Backwards Compatibility

✅ Fully backwards compatible - no breaking changes to public API

---

• 🪲 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 🧾 Documentation
• 📷 Demo
• 🧪 Test
• 🧠 Refactor
• 💄 Styles
• 🛠️ Tool

[github-actions]

	STATEMENTS	BRANCHES	FUNCTIONS	LINES
≍	≍ 0.04↑	≍ 0.01↑	≍ 0.12↑	≍ 0.12↑
%	76.58	63.44	68.31	78.13
ABS	3507 / 4579	2128 / 3354	690 / 1010	3324 / 4254