chore: adjust ProjectFlockClosingForm styling

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

@@ -94,6 +94,7 @@ const ProjectFlockClosingForm = ({
 
   return (
     <>
+      <section className='w-full h-full sm:w-[446px] overflow-y-auto'>
         <DrawerHeader
           leftIcon='mdi:arrow-left'
           leftIconHref={`/production/project-flock/detail?projectFlockId=${projectFlock.id}`}
@@ -158,11 +159,14 @@ const ProjectFlockClosingForm = ({
             >
               <Icon width={14} height={14} icon='mdi:circle-slice-8' /> Kandang
             </div>
-          <div className='col-span-2'>{projectFlockKandang.kandang?.name}</div>
+            <div className='col-span-2'>
+              {projectFlockKandang.kandang?.name}
+            </div>
 
             {/* Jumlah DOC */}
             <div className='col-span-1 flex flex-row items-center text-gray-400 font-semibold gap-2'>
-            <Icon width={14} height={14} icon='mdi:circle-slice-8' /> Jumlah DOC
+              <Icon width={14} height={14} icon='mdi:circle-slice-8' /> Jumlah
+              DOC
             </div>
             <div className='col-span-2'>
               {formatNumber(
@@ -318,6 +322,7 @@ const ProjectFlockClosingForm = ({
             onClick: confirmationModalCloseClickHandler,
           }}
         />
+      </section>
     </>
   );
 };