fix(FE-270): adjust flock_name in select input and fixing project flock approval

src/components/pages/production/project-flock/chickin/ProjectFlockChickinDetail.tsx

@@ -20,6 +20,7 @@ import { Icon } from '@iconify/react';
 import { useRouter } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import useSWR from 'swr';
+import { FormHeader } from '@/components/helper/form/FormHeader';
 
 const ProjectFlockChickinDetail = ({
   projectFlockId,
@@ -100,6 +101,10 @@ const ProjectFlockChickinDetail = ({
   }, [projectFlockId, listProjectFlock]);
   return (
     <>
+      <FormHeader
+        title={`Chick In ${projectFlock?.flock_name ?? 'Project Flock'}`}
+        backUrl='/production/project-flock'
+      />
       <div className='flex flex-col gap-4 w-full my-4'>
         <div className='max-w-full sm:max-w-1/2 md:max-w-3/5 lg:max-w-2/5'>
           <SelectInput
@@ -114,7 +119,7 @@ const ProjectFlockChickinDetail = ({
             value={
               projectFlock
                 ? {
-                    label: `${projectFlock?.flock?.name}`,
+                    label: `${projectFlock?.flock_name}`,
                     value: projectFlock?.id,
                   }
                 : null
@@ -171,7 +176,7 @@ const ProjectFlockChickinDetail = ({
             },
             {
               header: 'Nama Flock',
-              accessorKey: 'flock.name',
+              accessorKey: 'flock_name',
             },
             {
               header: 'Kategori',
@@ -205,10 +210,6 @@ const ProjectFlockChickinDetail = ({
                 );
               },
             },
-            {
-              header: 'Periode',
-              accessorKey: 'period',
-            },
             {
               header: 'FCR Layer',
               accessorKey: 'fcr.name',
@@ -274,6 +275,10 @@ const ProjectFlockChickinDetail = ({
               accessorKey: 'kandang.capacity',
               header: 'Kapasitas',
             },
+            {
+              accessorFn: () => projectFlock?.period,
+              header: 'Periode',
+            },
             {
               accessorKey: 'approval.step_name',
               header: 'Status',