feat: Cancel button on the modal

Author: Ishfaq-code

assets/js/Components/ReviewFilesPage.js

@@ -1296,6 +1296,7 @@ const getSectionPostOptions = (newFile, sectionReferences) => {
           <div className='dialog-footer'>
             <div className="subtext align-self-center">{t('files.label.selected_count', { count: deleteFileQueue.length })}</div>
             <div className="flex-row gap-2">
+              <button className='btn btn-small btn-primary' onClick={() => closeDialog(unusedFileDialogId)}>{t(`fix.label.cancel`)}</button>
               <button
                 className='btn btn-small btn-icon-left review-files-delete-button'
                 tabIndex='0'

translations/en.json

@@ -267,6 +267,7 @@
   "fix.label.barrier_information": "Barrier Information",
   "fix.label.barrier_repair": "Repair this Barrier",
   "fix.label.or": "Or",
+  "fix.label.cancel": "Cancel",
   "fix.label.and_or": "And/Or",
   "fix.label.no_changes": "No Changes Needed",
   "fix.label.no_changes_desc": "Only select this option if you have verified that this does not present an accessibility barrier.",