feat(icons): implement shared SVG icon system across packages

- Create centralized SVG files in core icons package assets directory
- Add rollup-plugin-string to core icons for SVG file processing
- Export SVG_ICONS object from core package for cross-package sharing
- Refactor html-icons to import SVG strings from @vjs-10/icons
- Remove hardcoded SVG strings in favor of shared definitions
- Add TypeScript declarations for SVG imports

This establishes a foundation for sharing more code across the monorepo
while maintaining proper package boundaries and build system integration.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

packages/core/icons/src/index.ts

@@ -1,3 +1,20 @@
+// Import SVG files as strings
+import playSvg from '../assets/play.svg';
+import pauseSvg from '../assets/pause.svg';
+import volumeHighSvg from '../assets/volume-high.svg';
+import volumeLowSvg from '../assets/volume-low.svg';
+import volumeOffSvg from '../assets/volume-off.svg';
+
+// Export SVG strings directly
+export const SVG_ICONS = {
+  play: playSvg,
+  pause: pauseSvg,
+  volumeHigh: volumeHighSvg,
+  volumeLow: volumeLowSvg,
+  volumeOff: volumeOffSvg,
+} as const;
+
+// Legacy interface for backward compatibility
 export interface IconDefinition {
   name: string;
   viewBox: string;

packages/core/icons/src/svg.d.ts

@@ -0,0 +1,4 @@
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}