♻️ refactor(classroom): optimize alivc-im script loading

- remove unused classroomDataClient import from useClassroom.ts
- move alivc-im script loading to server-side rendering for mobile paths
- only load alivc-im script when accessing mobile routes to improve page load performance

src/client/mobile/components/Classroom/useClassroom.ts

@@ -6,8 +6,7 @@ import { useParams } from 'react-router';
 import AliRtcEngine, { AliRtcSubscribeState, AliRtcVideoTrack } from 'aliyun-rtc-sdk';
 import { toast } from 'react-toastify';
 import { User } from '../../hooks/AuthProvider';
-import { classroomDataClient, aliyunClient } from '@/client/api';
-import "https://g.alicdn.com/apsara-media-box/imp-interaction/1.6.1/alivc-im.iife.js"
+import { aliyunClient } from '@/client/api';
 export enum Role {
   Teacher = 'admin',
   Student = 'student'

src/server/index.tsx

@@ -80,8 +80,10 @@ if(import.meta.env.PROD){
 
 app.use(renderer)
 app.get('/*', (c) => {
+  
   return c.render(
     <>
+      {c.req.path.startsWith('/mobile') && <script src="https://g.alicdn.com/apsara-media-box/imp-interaction/1.6.1/alivc-im.iife.js"></script>}
       <div id="root"></div>
     </>
   )