test so do lop

management/src/components/SystemTab.tsx

@@ -8,6 +8,7 @@ import {
 import { OrganizationSection } from './OrganizationSection';
 import { NetworkSection } from './NetworkSection';
 import { AppTemplatesSection } from './AppTemplatesSection';
+import { SeatingTemplatesSection } from './SeatingTemplatesSection';
 
 const SECTIONS: { id: SystemSection; icon: React.ReactNode; hint: string }[] = [
   {
@@ -40,6 +41,19 @@ const SECTIONS: { id: SystemSection; icon: React.ReactNode; hint: string }[] = [
       </svg>
     ),
   },
+  {
+    id: 'seating',
+    hint: 'Sơ đồ chỗ ngồi',
+    icon: (
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+        <rect x="3" y="3" width="18" height="18" rx="2" />
+        <line x1="9" y1="3" x2="9" y2="21" />
+        <line x1="15" y1="3" x2="15" y2="21" />
+        <line x1="3" y1="9" x2="21" y2="9" />
+        <line x1="3" y1="15" x2="21" y2="15" />
+      </svg>
+    ),
+  },
 ];
 
 export const SystemTab: React.FC = () => {
@@ -86,6 +100,7 @@ export const SystemTab: React.FC = () => {
         {section === 'organization' && <OrganizationSection />}
         {section === 'network' && <NetworkSection />}
         {section === 'templates' && <AppTemplatesSection />}
+        {section === 'seating' && <SeatingTemplatesSection />}
       </div>
     </div>
   );