chore: implement permission guard for approve/reject button

src/figma-make/components/pages/list-daily-checklist/detail/DetailDailyChecklistContent.tsx

@@ -23,6 +23,7 @@ import { isResponseError } from '@/lib/api-helper';
 import Link from 'next/link';
 import { Icon } from '@iconify/react';
 import { Document } from '@/types/api/api-general';
+import RequirePermission from '@/components/helper/RequirePermission';
 
 interface ChecklistDetailRow {
   checklist_id: string;
@@ -593,6 +594,7 @@ export function DetailDailyChecklistContent() {
             </p>
           </div>
           {header.status === 'SUBMITTED' && (
+            <RequirePermission permissions='lti.daily_checklist.create'>
               <div className='flex gap-2'>
                 <Button
                   onClick={handleApprove}
@@ -612,6 +614,7 @@ export function DetailDailyChecklistContent() {
                   Reject
                 </Button>
               </div>
+            </RequirePermission>
           )}
         </div>