♻️ refactor(classroom): update import paths to use absolute imports

- replace relative imports with absolute imports using @ alias
- update import paths for hooks, components and context providers
- remove unnecessary commented code for cleaner file structure

src/client/mobile/pages/ClassroomPage.tsx

@@ -1,12 +1,10 @@
 import React, { useState, useEffect } from 'react';
-import { useAuth } from './hooks.tsx';
+import { useAuth } from '@/client/mobile/hooks/AuthProvider';
 import { useNavigate, useSearchParams } from 'react-router';
-import { Role, ClassStatus } from './components/Classroom/useClassroom.ts';
-// import { TeacherView } from './components/Classroom/TeacherView.tsx';
-// import { StudentView } from './components/Classroom/StudentView.tsx';
-import { ClassroomLayout } from './components/Classroom/ClassroomLayout.tsx';
-import { AuthLayout } from './components/Classroom/AuthLayout.tsx';
-import { ClassroomProvider, useClassroomContext } from "./components/Classroom/ClassroomProvider.tsx";
+import { Role, ClassStatus } from '@/client/mobile/components/Classroom/useClassroom';
+import { ClassroomLayout } from '@/client/mobile/components/Classroom/ClassroomLayout';
+import { AuthLayout } from '@/client/mobile/components/Classroom/AuthLayout';
+import { ClassroomProvider, useClassroomContext } from "@/client/mobile/components/Classroom/ClassroomProvider";
 import { ToastContainer } from 'react-toastify';
 
 const RoleSelection = () => {