fix: resolve all admin typecheck errors (typed api wrapper, unused imports, missing hooks, PermissionButton children)

apps/admin/src/pages/Dashboard/index.tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { Row, Col, Card, Statistic, DatePicker, Spin, Grid } from 'antd';
-import { TeamOutlined, HomeOutlined, DollarOutlined, CheckCircleOutlined, BankOutlined, PercentageOutlined, UserSwitchOutlined, SolutionOutlined, WalletOutlined, FileProtectOutlined } from '@ant-design/icons';
+import { TeamOutlined, HomeOutlined, CheckCircleOutlined, BankOutlined, PercentageOutlined, UserSwitchOutlined, SolutionOutlined, FileProtectOutlined } from '@ant-design/icons';
 import ReactECharts from 'echarts-for-react';
 import dayjs from 'dayjs';
 import api from '../../api';
@@ -61,8 +61,6 @@ interface DashboardStats {
   incomeTrend: IncomeTrendRow[];
 }
 
-interface ApiResponse<T> { data: T }
-
 const DashboardPage: React.FC = () => {
   const screens = Grid.useBreakpoint();
   const isMobile = !screens.sm;
@@ -70,7 +68,7 @@ const DashboardPage: React.FC = () => {
   const [classRanking, setClassRanking] = useState<{ top: ClassAttendanceRank[]; bottom: ClassAttendanceRank[] }>({ top: [], bottom: [] });
   const [classroomOccupancy, setClassroomOccupancy] = useState<ClassroomOccupancy[]>([]);
   const [ganttData, setGanttData] = useState<GanttRoom[]>([]);
-  const [roomRanking, setRoomRanking] = useState<Array<{ roomNumber: string; total: string }>>([]);
+  const [roomRanking] = useState<Array<{ roomNumber: string; total: string }>>([]);
   const [loading, setLoading] = useState(true);
   const [period, setPeriod] = useState<[string, string]>([
     dayjs().startOf('month').format('YYYY-MM-DD'),
@@ -80,21 +78,21 @@ const DashboardPage: React.FC = () => {
   const fetchData = async () => {
     setLoading(true);
     try {
-      const [s, r, cr, g] = await Promise.all([
-        api.get('/dashboard/stats'),
+      const [s, , cr, g] = await Promise.all([
+        api.get<DashboardStats>('/dashboard/stats'),
         api.get('/dashboard/room-ranking', {
           params: { periodStart: period[0], periodEnd: period[1] },
         }),
-        api.get('/dashboard/class-attendance-ranking'),
-        api.get('/dashboard/gantt', {
+        api.get<{ top: ClassAttendanceRank[]; bottom: ClassAttendanceRank[] }>('/dashboard/class-attendance-ranking'),
+        api.get<GanttRoom[]>('/dashboard/gantt', {
           params: { periodStart: period[0], periodEnd: period[1] },
         }),
       ]);
       setStats(s);
-      setClassRanking(cr as unknown as { top: ClassAttendanceRank[]; bottom: ClassAttendanceRank[] });
-      setGanttData(g as GanttRoom[]);
-      const co = await api.get('/dashboard/classroom-occupancy');
-      setClassroomOccupancy(co as ClassroomOccupancy[]);
+      setClassRanking(cr);
+      setGanttData(g);
+      const co = await api.get<ClassroomOccupancy[]>('/dashboard/classroom-occupancy');
+      setClassroomOccupancy(co);
     } catch (e) {
       console.error(e);
     }
@@ -108,7 +106,7 @@ const DashboardPage: React.FC = () => {
   const [expenseTypeMap, setExpenseTypeMap] = useState<Record<string, string>>({});
 
   useEffect(() => {
-    api.get('/expense-types').then((types: any[]) => {
+    api.get<Array<{ code: string; name: string }>>('/expense-types').then((types) => {
       const map: Record<string, string> = {};
       for (const t of types) map[t.code] = t.name;
       setExpenseTypeMap(map);
@@ -265,9 +263,12 @@ const DashboardPage: React.FC = () => {
         coord: (p: [string | number, string | number]) => [number, number];
         size: (p: [number, number]) => [number, number];
       }) => {
-        const cat = api.value(0);
-        const start = api.coord([api.value(1), cat]);
-        const end = api.coord([api.value(2), cat]);
+        // ECharts value API returns mixed datum entries; narrow to the known gantt shape.
+        const [cat, startDate, endDate, isActive] = [
+          api.value(0), api.value(1), api.value(2), api.value(3),
+        ] as unknown as [string, string, string, boolean];
+        const start = api.coord([startDate, cat]);
+        const end = api.coord([endDate, cat]);
         const height = api.size([0, 1])[1] * 0.6;
         const rectShape = {
           x: start[0],
@@ -278,7 +279,7 @@ const DashboardPage: React.FC = () => {
         return {
           type: 'rect' as const,
           shape: rectShape,
-          style: { fill: api.value(3) ? '#34C759' : '#FF9500', stroke: '#fff', lineWidth: 1 },
+          style: { fill: isActive ? '#34C759' : '#FF9500', stroke: '#fff', lineWidth: 1 },
         };
       },
       encode: { x: [1, 2], y: 0 },