feat(FE-170): add grading button for laying category in RecordingTable

src/components/pages/production/recording/RecordingTable.tsx

@@ -48,6 +48,9 @@ const RowOptionsMenu = ({
   approveClickHandler: () => void;
   rejectClickHandler: () => void;
 }) => {
+  const isLayingCategory =
+    props.row.original.project_flock_category === 'LAYING';
+
   return (
     <RowOptionsMenuWrapper type={type}>
       <Button
@@ -68,6 +71,17 @@ const RowOptionsMenu = ({
         <Icon icon='mdi:pencil-outline' width={16} height={16} />
         Edit
       </Button>
+      {isLayingCategory && (
+        <Button
+          href={`recording/grading/add?recording_id=${props.row.original.id}`}
+          variant='ghost'
+          color='info'
+          className='justify-start text-sm'
+        >
+          <Icon icon='material-symbols:egg' width={16} height={16} />
+          Grading
+        </Button>
+      )}
       <Button
         onClick={approveClickHandler}
         variant='ghost'