add tai lieu system

management/src/App.tsx

@@ -7,6 +7,7 @@ import { ExamsTab } from './components/ExamsTab';
 import { ExamRoomWorkspace } from './components/ExamRoomWorkspace';
 import { SystemTab } from './components/SystemTab';
 import { MyAccountTab } from './components/AccountsTab';
+import { StudentAffairsTab } from './components/StudentAffairsTab';
 import { ChatWidget } from './components/ChatWidget';
 import { StaffChatSocket } from './hooks/useStaffChatSocket';
 import { ClassWorkspace } from './components/ClassWorkspace';
@@ -68,6 +69,12 @@ const IconSystem = () => (
   </svg>
 );
 
+const IconStudentAffairs = () => (
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <path d="M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z" />
+  </svg>
+);
+
 const IconMenu = () => (
   <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
     <line x1="3" y1="12" x2="21" y2="12" /><line x1="3" y1="6" x2="21" y2="6" /><line x1="3" y1="18" x2="21" y2="18" />
@@ -202,6 +209,17 @@ function App() {
               </button>
             </li>
 
+            <div className="nav-header">Công tác sinh viên</div>
+            <li className="nav-item">
+              <button
+                className={navBtn(route.tab === 'student-affairs' && !inWorkspace)}
+                onClick={() => setActiveTab('student-affairs')}
+              >
+                <span className="nav-icon"><IconStudentAffairs /></span>
+                Công Tác Sinh Viên
+              </button>
+            </li>
+
             <div className="nav-header">Hệ thống</div>
             <li className="nav-item">
               <button
@@ -267,6 +285,7 @@ function App() {
               {route.tab === 'exams' && <ExamsTab />}
               {route.tab === 'system' && <SystemTab />}
               {route.tab === 'profile' && <MyAccountTab />}
+              {route.tab === 'student-affairs' && <StudentAffairsTab />}
             </>
           )}
         </div>