chore(deps): bump lucide-react from 0.577.0 to 1.22.0 in /ui (#52)

* chore(deps): bump lucide-react from 0.577.0 to 1.22.0 in /ui

Bumps [lucide-react](https://github.com/lucide-icons/lucide/tree/HEAD/packages/lucide-react) from 0.577.0 to 1.22.0.
- [Release notes](https://github.com/lucide-icons/lucide/releases)
- [Commits](https://github.com/lucide-icons/lucide/commits/1.22.0/packages/lucide-react)

---
updated-dependencies:
- dependency-name: lucide-react
  dependency-version: 1.22.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* fix(ui): replace lucide brand icons removed in v1.x

lucide-react 1.x dropped the Twitch and Youtube brand icons. Replace
them with generic equivalents (Gamepad2 for Twitch, MonitorPlay for
YouTube), preserving the existing purple/red color classes.

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

---------

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: rennerdo30 <9086097+rennerdo30@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>

Author: 3 people

ui/package.json

@@ -29,7 +29,7 @@
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
     "hls.js": "^1.6.15",
-    "lucide-react": "^0.577.0",
+    "lucide-react": "^1.22.0",
     "next": "16.2.9",
     "next-intl": "^4.6.1",
     "react": "19.2.7",

ui/src/app/[locale]/restreams/page.tsx

@@ -22,8 +22,8 @@ import {
     Radio,
     RefreshCw,
     Share2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv,
     FileVideo,
     LayoutDashboard,
@@ -175,8 +175,8 @@ function RestreamRow({ restream, style }: RestreamRowProps) {
                             className={`text-xs gap-1 ${dest.enabled ? 'bg-muted/50' : 'opacity-50'
                                 }`}
                         >
-                            {dest.platform.includes('twitch') && <Twitch className="h-3 w-3 text-purple-400" />}
-                            {dest.platform.includes('youtube') && <Youtube className="h-3 w-3 text-red-400" />}
+                            {dest.platform.includes('twitch') && <Gamepad2 className="h-3 w-3 text-purple-400" />}
+                            {dest.platform.includes('youtube') && <MonitorPlay className="h-3 w-3 text-red-400" />}
                             {!dest.platform.includes('twitch') && !dest.platform.includes('youtube') && (
                                 <Tv className="h-3 w-3 text-muted-foreground" />
                             )}
@@ -278,8 +278,8 @@ function CreateRestreamDialog() {
     };
 
     const getPlatformIcon = (pluginId: string) => {
-        if (pluginId.includes("twitch")) return <Twitch className="h-4 w-4 text-purple-400" />;
-        if (pluginId.includes("youtube")) return <Youtube className="h-4 w-4 text-red-400" />;
+        if (pluginId.includes("twitch")) return <Gamepad2 className="h-4 w-4 text-purple-400" />;
+        if (pluginId.includes("youtube")) return <MonitorPlay className="h-4 w-4 text-red-400" />;
         return <Tv className="h-4 w-4 text-muted-foreground" />;
     };
 

ui/src/app/[locale]/streams/page.tsx

@@ -27,8 +27,8 @@ import {
     ExternalLink,
     Share2,
     Trash2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv
 } from "lucide-react";
 import { useTranslations } from "next-intl";
@@ -475,8 +475,8 @@ function DestinationsDialog({ streamId }: DestinationsDialogProps) {
     };
 
     const getPlatformIcon = (pluginId: string) => {
-        if (pluginId.includes("twitch")) return <Twitch className="h-4 w-4 text-purple-400" />;
-        if (pluginId.includes("youtube")) return <Youtube className="h-4 w-4 text-red-400" />;
+        if (pluginId.includes("twitch")) return <Gamepad2 className="h-4 w-4 text-purple-400" />;
+        if (pluginId.includes("youtube")) return <MonitorPlay className="h-4 w-4 text-red-400" />;
         return <Tv className="h-4 w-4 text-muted-foreground" />;
     };
 

ui/src/components/chat-widget.tsx

@@ -12,8 +12,8 @@ import {
     MessageCircle,
     Send,
     Loader2,
-    Twitch,
-    Youtube,
+    Gamepad2,
+    MonitorPlay,
     Tv,
     RefreshCw,
 } from "lucide-react";
@@ -25,8 +25,8 @@ interface ChatWidgetProps {
 
 function getPlatformIcon(platform: string) {
     const lower = platform.toLowerCase();
-    if (lower.includes("twitch")) return <Twitch className="h-3 w-3 text-purple-400" />;
-    if (lower.includes("youtube")) return <Youtube className="h-3 w-3 text-red-400" />;
+    if (lower.includes("twitch")) return <Gamepad2 className="h-3 w-3 text-purple-400" />;
+    if (lower.includes("youtube")) return <MonitorPlay className="h-3 w-3 text-red-400" />;
     if (lower.includes("kick")) return <Tv className="h-3 w-3 text-green-400" />;
     if (lower.includes("rumble")) return <Tv className="h-3 w-3 text-emerald-400" />;
     return <MessageCircle className="h-3 w-3 text-muted-foreground" />;