Blueprints: change diff modal button label

For the diff modal, we want to change the button label.
In this context Synchronize images is more appropriate label.

src/Components/Blueprints/BlueprintDiffModal.tsx

@@ -46,7 +46,9 @@ const BlueprintDiffModal = ({
       onClose={onClose}
       title={`Compare ${blueprintName || ''} versions`}
       actions={[
-        <BuildImagesButton key="build-button" />,
+        <BuildImagesButton key="build-button">
+          Synchronize images
+        </BuildImagesButton>,
         <Button
           key="cancel-button"
           variant="link"

src/Components/Blueprints/BuildImagesButton.tsx

@@ -27,7 +27,12 @@ import {
   useGetBlueprintQuery,
 } from '../../store/imageBuilderApi';
 
-export const BuildImagesButton = () => {
+type BuildImagesButtonPropTypes = {
+  // default children is 'Build images'
+  children?: React.ReactNode;
+};
+
+export const BuildImagesButton = ({ children }: BuildImagesButtonPropTypes) => {
   const selectedBlueprintId = useAppSelector(selectSelectedBlueprintId);
   const [deselectedTargets, setDeselectedTargets] = useState<ImageTypes[]>([]);
   const [buildBlueprint, { isLoading: imageBuildLoading }] =
@@ -120,7 +125,7 @@ export const BuildImagesButton = () => {
                       />
                     </FlexItem>
                   )}
-                  <FlexItem>Build images</FlexItem>
+                  <FlexItem>{children ? children : 'Build images'}</FlexItem>
                 </Flex>
               </MenuToggleAction>,
             ],