feat: Implement danmaku (bullet comments) functionality with API integration, settings, and player display.

components/ui/Icon.tsx

@@ -2,9 +2,11 @@
 import { MediaIcons } from './icons/media-icons';
 import { NavigationIcons } from './icons/navigation-icons';
 import { UtilityIcons } from './icons/utility-icons';
+import { DanmakuIcons } from './icons/danmaku-icons';
 
 export const Icons = {
   ...MediaIcons,
   ...NavigationIcons,
   ...UtilityIcons,
+  ...DanmakuIcons,
 };

components/ui/icons/danmaku-icons.tsx

@@ -0,0 +1,11 @@
+import { IconProps } from './types';
+
+export const DanmakuIcons = {
+  Danmaku: ({ className = "", size = 24 }: IconProps) => (
+    <svg width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className={className}>
+      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+      <line x1="7" y1="8" x2="17" y2="8" />
+      <line x1="7" y1="12" x2="13" y2="12" />
+    </svg>
+  ),
+};