refactor(processing): rename Crop image to add mask in FunctionArea and viewer interaction for better business semantics

src/pages/view/components/FunctionArea.tsx

@@ -96,12 +96,12 @@ const FunctionArea = () => {
       </Col>
       <Col>
         <Button
-          onClick={() => handleButtonClick('Crop Image')}
+          onClick={() => handleButtonClick('AddMask')}
           style={{ width: '44px', height: '44px' }}
-          title="Crop Image"
+          title="Add Mask"
           className="truncate-text"
         >
-          Crop Image
+          Add Mask
         </Button>
       </Col>
       <Col>

src/pages/view/components/viewers/stack.image.viewer.tsx

@@ -542,7 +542,7 @@ const StackViewer = ({
             console.log('Rotating Image by Any Angle');
           }
           break;
-        case 'Crop Image':
+        case 'AddMask':
           addMask();
           break;
         case 'Delete Digital Mask':