✨ chore(ui): enhance channel selector with status avatars and UI improvements

Add visual status indicators and improve user experience for the upstream ratio sync channel selector modal.

Features:
- Add status-based avatar indicators for channels (enabled/disabled/auto-disabled)
- Implement search functionality with text highlighting
- Add endpoint configuration input for each channel
- Optimize component structure with reusable ChannelInfo component

UI Improvements:
- Custom styling for transfer component items
- Hide scrollbars for cleaner appearance in transfer lists
- Responsive layout adjustments for channel information display
- Color-coded avatars: green (enabled), red (disabled), amber (auto-disabled), grey (unknown)

Code Quality:
- Extract channel status configuration to constants
- Create reusable ChannelInfo component to reduce code duplication
- Implement proper search filtering for both channel names and URLs
- Add consistent styling classes for transfer demo components

Files modified:
- web/src/components/settings/ChannelSelectorModal.js
- web/src/pages/Setting/Ratio/UpstreamRatioSync.js
- web/src/index.css

This enhancement provides better visual feedback for channel status and improves the overall user experience when selecting channels for ratio synchronization.

web/src/pages/Setting/Ratio/UpstreamRatioSync.js

@@ -42,14 +42,6 @@ export default function UpstreamRatioSync(props) {
   const [currentPage, setCurrentPage] = useState(1);
   const [pageSize, setPageSize] = useState(10);
 
-  // 当前倍率快照
-  const currentRatiosSnapshot = useMemo(() => ({
-    model_ratio: JSON.parse(props.options.ModelRatio || '{}'),
-    completion_ratio: JSON.parse(props.options.CompletionRatio || '{}'),
-    cache_ratio: JSON.parse(props.options.CacheRatio || '{}'),
-    model_price: JSON.parse(props.options.ModelPrice || '{}'),
-  }), [props.options]);
-
   // 获取所有渠道
   const fetchAllChannels = async () => {
     setLoading(true);