♻️ refactor(web): migrate React modules from .js to .jsx and align entrypoint

- Rename React components/pages/utilities that contain JSX to `.jsx` across `web/src`
- Update import paths and re-exports to match new `.jsx` extensions
- Fix Vite entry by switching `web/index.html` from `/src/index.js` to `/src/index.jsx`
- Verified remaining `.js` files are plain JS (hooks/helpers/constants) and do not require JSX
- No runtime behavior changes; extension and reference alignment only

Context: Resolves the Vite pre-transform error caused by the stale `/src/index.js` entry after migrating to `.jsx`.

web/src/hooks/channels/useChannelsData.jsx

@@ -26,10 +26,10 @@ import {
   showSuccess,
   loadChannelModels,
   copy
-} from '../../helpers/index.js';
-import { CHANNEL_OPTIONS, ITEMS_PER_PAGE, MODEL_TABLE_PAGE_SIZE } from '../../constants/index.js';
-import { useIsMobile } from '../common/useIsMobile.js';
-import { useTableCompactMode } from '../common/useTableCompactMode.js';
+} from '../../helpers';
+import { CHANNEL_OPTIONS, ITEMS_PER_PAGE, MODEL_TABLE_PAGE_SIZE } from '../../constants';
+import { useIsMobile } from '../common/useIsMobile';
+import { useTableCompactMode } from '../common/useTableCompactMode';
 import { Modal } from '@douyinfe/semi-ui';
 
 export const useChannelsData = () => {

web/src/hooks/common/useHeaderBar.js

@@ -20,13 +20,13 @@ For commercial licensing, please contact support@quantumnous.com
 import { useState, useEffect, useContext } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { UserContext } from '../../context/User/index.js';
-import { StatusContext } from '../../context/Status/index.js';
-import { useSetTheme, useTheme } from '../../context/Theme/index.js';
-import { getLogo, getSystemName, API, showSuccess } from '../../helpers/index.js';
-import { useIsMobile } from './useIsMobile.js';
-import { useSidebarCollapsed } from './useSidebarCollapsed.js';
-import { useMinimumLoadingTime } from './useMinimumLoadingTime.js';
+import { UserContext } from '../../context/User';
+import { StatusContext } from '../../context/Status';
+import { useSetTheme, useTheme } from '../../context/Theme';
+import { getLogo, getSystemName, API, showSuccess } from '../../helpers';
+import { useIsMobile } from './useIsMobile';
+import { useSidebarCollapsed } from './useSidebarCollapsed';
+import { useMinimumLoadingTime } from './useMinimumLoadingTime';
 
 export const useHeaderBar = ({ onMobileMenuToggle, drawerOpen }) => {
   const { t, i18n } = useTranslation();

web/src/hooks/model-pricing/useModelPricingData.jsx

@@ -21,8 +21,8 @@ import { useState, useEffect, useContext, useRef, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { API, copy, showError, showInfo, showSuccess } from '../../helpers';
 import { Modal } from '@douyinfe/semi-ui';
-import { UserContext } from '../../context/User/index.js';
-import { StatusContext } from '../../context/Status/index.js';
+import { UserContext } from '../../context/User';
+import { StatusContext } from '../../context/Status';
 
 export const useModelPricingData = () => {
   const { t } = useTranslation();