add docs

management/src/App.tsx

@@ -8,6 +8,7 @@ import { ExamRoomWorkspace } from './components/ExamRoomWorkspace';
 import { SystemTab } from './components/SystemTab';
 import { MyAccountTab } from './components/AccountsTab';
 import { StudentAffairsTab } from './components/StudentAffairsTab';
+import { ApplicationsTab } from './components/ApplicationsTab';
 import { ChatWidget } from './components/ChatWidget';
 import { StaffChatSocket } from './hooks/useStaffChatSocket';
 import { ClassWorkspace } from './components/ClassWorkspace';
@@ -75,6 +76,15 @@ const IconStudentAffairs = () => (
   </svg>
 );
 
+const IconApplications = () => (
+  <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+    <rect x="3" y="3" width="7" height="7" rx="1" />
+    <rect x="14" y="3" width="7" height="7" rx="1" />
+    <rect x="14" y="14" width="7" height="7" rx="1" />
+    <path d="M3 14h7v7H3z" />
+  </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" />
@@ -219,6 +229,15 @@ function App() {
                 Công Tác Sinh Viên
               </button>
             </li>
+            <li className="nav-item">
+              <button
+                className={navBtn(route.tab === 'applications' && !inWorkspace)}
+                onClick={() => setActiveTab('applications')}
+              >
+                <span className="nav-icon"><IconApplications /></span>
+                Ứng Dụng
+              </button>
+            </li>
 
             <div className="nav-header">Hệ thống</div>
             <li className="nav-item">
@@ -286,6 +305,7 @@ function App() {
               {route.tab === 'system' && <SystemTab />}
               {route.tab === 'profile' && <MyAccountTab />}
               {route.tab === 'student-affairs' && <StudentAffairsTab />}
+              {route.tab === 'applications' && <ApplicationsTab />}
             </>
           )}
         </div>