refactor(FE): Enable backdrop close and set FCR table pageSize

src/components/pages/production/recording/form/RecordingForm.tsx

@@ -2773,6 +2773,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
       {/* FCR Standard Modal */}
       <Modal
         ref={fcrStandardModal.ref}
+        closeOnBackdrop={true}
         className={{
           modal: 'p-0',
           modalBox: 'p-0 rounded-2xl xl:max-w-4/12 max-w-sm',
@@ -2793,7 +2794,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               <Icon icon='heroicons:x-mark' width={20} height={20} />
             </Button>
           </div>
-          <div className='px-4 pb-4'>
+          <div className='px-4'>
             {isLoadingFcrStandards ? (
               <div className='flex justify-center py-8'>
                 <span className='loading loading-spinner loading-lg'></span>
@@ -2802,6 +2803,7 @@ const RecordingForm = ({ type = 'add', initialValues }: RecordingFormProps) => {
               <Table<FcrStandard>
                 data={fcrStandards}
                 columns={fcrStandardColumns}
+                pageSize={100}
                 className={{
                   tableWrapperClassName: 'overflow-x-auto',
                   tableClassName: 'w-full table-auto text-sm',