fix ui

management/src/components/StudentDetailModal.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import type { StudentItem, StudentSessionLogItem } from '../api';
-import { StudentAvatar } from './StudentAvatar';
+import { StudentAvatar, StudentOnlineBadge } from './StudentAvatar';
 import { ProctorStreamPanels } from './ProctorStreamPanels';
 
 interface StudentDetailModalProps {
@@ -48,8 +48,8 @@ export const StudentDetailModal: React.FC<StudentDetailModalProps> = ({
             <div className="student-detail-meta">
               <div className="student-meta-item">
                 <span className="student-meta-label">Trạng thái</span>
-                <span className={`student-meta-value ${isOnline ? 'online' : ''}`}>
-                  {isOnline ? '● Online' : '○ Offline'}
+                <span className="student-meta-value">
+                  <StudentOnlineBadge isOnline={isOnline} size="md" />
                 </span>
               </div>
               {student.phone && (