fix: align permission navigation and page access

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

@@ -21,6 +21,7 @@ import api from '../../api';
 import { downloadBlob } from '../../utils/download';
 import PermissionButton from '../../components/PermissionButton';
 import { message } from '../../ui/app-message';
+import { usePermission } from '../../hooks/usePermission';
 
 interface UnavailableDatesResponse {
   dates: string[];
@@ -29,6 +30,7 @@ export const unavailableDatesCacheKey = (classroomId: number, date: Dayjs) =>
   `${classroomId}:${date.format('YYYY-MM')}`;
 
 const ClassroomRentalsPage: React.FC = () => {
+  const { hasAnyPermission } = usePermission();
   const [data, setData] = useState<any[]>([]);
   const [classrooms, setClassrooms] = useState<any[]>([]);
   const [organizations, setOrganizations] = useState<any[]>([]);
@@ -82,8 +84,8 @@ const ClassroomRentalsPage: React.FC = () => {
   };
 
   useEffect(() => {
-    fetchMeta();
-  }, []);
+    if (hasAnyPermission('rental:create', 'rental:edit')) fetchMeta();
+  }, [hasAnyPermission]);
   useEffect(() => {
     fetchData();
   }, [filterMonth]);