feat(FE-331): implement permission guard in project flock, chickin and closing kandang

src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx

@@ -22,6 +22,7 @@ import toast from 'react-hot-toast';
 import { useRouter } from 'next/navigation';
 import { ProductWarehouse } from '@/types/api/inventory/product-warehouse';
 import { ApprovalApi } from '@/services/api/approval';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 const ProjectFlockClosingForm = ({
   projectFlock,
@@ -285,16 +286,18 @@ const ProjectFlockClosingForm = ({
       </div>
 
       <div className='p-4 mt-6'>
-        <Button
-          className='w-full'
-          color='error'
-          isLoading={isLoading}
-          disabled={!isCanCloseValid}
-          onClick={() => closeModal.openModal()}
-        >
-          <Icon icon='mdi:checkbox-marked-circle-outline' />{' '}
-          {isCanClose ? 'Close' : 'Unclose'}
-        </Button>
+        <RequirePermission permissions='lti.production.project_flock_kandangs.closing'>
+          <Button
+            className='w-full'
+            color='error'
+            isLoading={isLoading}
+            disabled={!isCanCloseValid}
+            onClick={() => closeModal.openModal()}
+          >
+            <Icon icon='mdi:checkbox-marked-circle-outline' />{' '}
+            {isCanClose ? 'Close' : 'Unclose'}
+          </Button>
+        </RequirePermission>
       </div>
 
       <ConfirmationModal