fix(frontend): replace lucide brand icons removed in v1 with react-icons

frontend/src/components/settings/AboutTab.jsx

@@ -1,9 +1,10 @@
 import { useState, useEffect, useRef } from 'react';
 import api from '../../services/api';
 import {
-    Github, FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
+    FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
     RefreshCw, ExternalLink, Star, X, AlertTriangle
 } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import ServerKitLogo from '../ServerKitLogo';
 import ErrorState from '../ErrorState';
 import { Button } from '@/components/ui/button';

frontend/src/components/settings/IconReferenceTab.jsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import {
-    Github, FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
+    FileText, HelpCircle, MessageSquare, Bug, Check, Download, CheckCircle,
     RefreshCw, ExternalLink, Star, X, Code, Search, Container, Globe, BarChart3,
     Database, Shield, Cloud, Video, Music, Image, Home, Server, GitBranch, Workflow,
     HardDrive, Lock, Users, Settings as SettingsIcon, Layers, ChevronDown, Copy, Tag,
@@ -48,9 +48,6 @@ const ICON_CATALOG = {
     'Navigation & UI': {
         Home, Star, Sun, Moon, Palette, Play, Square, Calendar, Clock,
         LogOut, SettingsIcon, Newspaper, TrendingUp, BarChart3, Minus
-    },
-    'Brands': {
-        Github
     }
 };
 

frontend/src/components/settings/ThemeStudioModal.jsx

@@ -1,5 +1,6 @@
 import { useEffect, useMemo, useState, useId } from 'react';
-import { Download, Save, Github } from 'lucide-react';
+import { Download, Save } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import {
     Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription,
 } from '@/components/ui/dialog';

frontend/src/pages/GithubAppCallback.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
-import { Github, Loader2 } from 'lucide-react';
+import { Loader2 } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';
 import { useTranslation } from 'react-i18next';

frontend/src/pages/Services.jsx

@@ -1,6 +1,7 @@
 import { useCallback, useState, useEffect, useMemo  } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
-import { Layers, Plus, Square, Play, RotateCw, GitBranch, Github, FolderOpen, FileArchive, FolderKanban, ArrowDownToLine } from 'lucide-react';
+import { Layers, Plus, Square, Play, RotateCw, GitBranch, FolderOpen, FileArchive, FolderKanban, ArrowDownToLine } from 'lucide-react';
+import { SiGithub as Github } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';
 import { getServiceType, getStatusConfig, formatRelativeTime } from '../utils/serviceTypes';

frontend/src/pages/SourceConnectionCallback.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
-import { Github, Gitlab, GitBranch, Loader2 } from 'lucide-react';
+import { GitBranch, Loader2 } from 'lucide-react';
+import { SiGithub as Github, SiGitlab as Gitlab } from 'react-icons/si';
 import { SiBitbucket } from 'react-icons/si';
 import api from '../services/api';
 import { useToast } from '../contexts/useToast.js';