refactor(ui): co-locate CustomSelect as a shared primitive in src/ui

src/components/Equalizer.tsx

@@ -1,7 +1,7 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Save, Trash2, RotateCcw } from 'lucide-react';
-import CustomSelect from './CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import { useEqStore, EQ_BANDS, BUILTIN_PRESETS } from '../store/eqStore';
 import { useThemeStore } from '../store/themeStore';
 import { drawCurve } from '../utils/audio/eqCurve';

src/components/deviceSync/DeviceSyncHeader.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import {
   AlertCircle, FolderOpen, HardDriveUpload, RefreshCw, Usb,
 } from 'lucide-react';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import type { RemovableDrive } from '../../utils/deviceSync/deviceSyncHelpers';
 import { formatBytes } from '../../utils/deviceSync/deviceSyncHelpers';
 import type { DeviceSyncSource } from '../../store/deviceSyncStore';

src/components/internetRadio/RadioToolbar.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 
 export type RadioSortBy = 'manual' | 'az' | 'za' | 'newest';
 

src/components/playlists/PlaylistsSmartEditor.tsx

@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Plus } from 'lucide-react';
 import StarRating from '../StarRating';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import {
   LIMIT_MAX, YEAR_MAX, YEAR_MIN, clampYear, defaultSmartFilters,
   type SmartFilters,

src/components/settings/SystemTab.tsx

@@ -12,7 +12,7 @@ import type { ClockFormat, LinuxWaylandTextRenderProfile, LoggingMode } from '..
 import { IS_LINUX } from '../../utils/platform';
 import { showToast } from '../../utils/ui/toast';
 import { AboutPsysonicBrandHeader } from '../AboutPsysonicLol';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import LicensesPanel from '../LicensesPanel';
 import SettingsSubSection from '../SettingsSubSection';
 import { SettingsGroup } from './SettingsGroup';

src/components/settings/ThemeStoreSection.tsx

@@ -5,7 +5,7 @@ import { open as openUrl } from '@tauri-apps/plugin-shell';
 import CoverLightbox from '../CoverLightbox';
 import { useThemeAnimationRisk } from '../../hooks/useThemeAnimationRisk';
 import { AnimatedThemeBadge } from './AnimatedThemeBadge';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import { formatRelativeTime } from '../../utils/format/relativeTime';
 import { useThemeStore } from '../../store/themeStore';
 import { useInstalledThemesStore, type InstalledTheme } from '../../store/installedThemesStore';

src/components/settings/ThemesTab.tsx

@@ -3,7 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { Clock, Palette, Store, Upload } from 'lucide-react';
 import { useThemeStore } from '../../store/themeStore';
 import { useInstalledThemesStore } from '../../store/installedThemesStore';
-import CustomSelect from '../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import BackToTopButton from '@/ui/BackToTopButton';
 import { FIXED_THEMES } from './fixedThemes';
 import { InstalledThemes } from './InstalledThemes';

src/components/settings/audio/AudioOutputDeviceSection.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { invoke } from '@tauri-apps/api/core';
 import { AudioLines, RotateCcw } from 'lucide-react';
 import type { TFunction } from 'i18next';
-import CustomSelect from '../../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import SettingsSubSection from '../../SettingsSubSection';
 import { SettingsGroup } from '../SettingsGroup';
 import { SettingsToggle } from '../SettingsToggle';

src/components/settings/musicNetwork/EnrichmentPrimarySelect.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from 'react-i18next';
-import CustomSelect from '../../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import { SettingsGroup } from '../SettingsGroup';
 import type { Account } from '../../../music-network';
 

src/components/sidebar/perfProbe/SidebarPerfProbeLogsTab.tsx

@@ -15,7 +15,7 @@ import { getLoggingMode, tailRuntimeLogs, type RuntimeLogLine } from '../../../a
 import { invoke } from '@tauri-apps/api/core';
 import { useAuthStore } from '../../../store/authStore';
 import type { LoggingMode } from '../../../store/authStoreTypes';
-import CustomSelect from '../../CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import { filterLogLines } from '../../../utils/perf/filterLogLines';
 import { sanitizeLogLine } from '../../../utils/perf/sanitizeLogLine';
 

src/pages/Login.tsx

@@ -13,7 +13,7 @@ import {
 import { syncServerHttpContextForProfile } from '../utils/server/syncServerHttpContext';
 import { useTranslation } from 'react-i18next';
 import i18n from '../i18n';
-import CustomSelect from '../components/CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import {
   decodeServerMagicString,
   DECODED_PASSWORD_VISUAL_MASK,

src/pages/SearchBrowsePage.tsx

@@ -9,7 +9,7 @@ import { useTranslation } from 'react-i18next';
 import AlbumRow from '../components/AlbumRow';
 import ArtistRow from '../components/ArtistRow';
 import PagedSongList from '../components/PagedSongList';
-import CustomSelect from '../components/CustomSelect';
+import CustomSelect from '@/ui/CustomSelect';
 import StarFilterButton from '../components/StarFilterButton';
 import { tooltipAttrs } from '@/ui/tooltipAttrs';
 import { APP_MAIN_SCROLL_VIEWPORT_ID } from '../constants/appScroll';