IO-1937 Update email sizing error message.

client/src/components/email-overlay/email-overlay.container.jsx

@@ -168,7 +168,6 @@ export function EmailOverlayContainer({
   useEffect(() => {
     if (modalVisible) render();
   }, [modalVisible]); // eslint-disable-line react-hooks/exhaustive-deps
-
   return (
     <Modal
       destroyOnClose={true}
@@ -178,7 +177,15 @@ export function EmailOverlayContainer({
       onCancel={() => {
         toggleEmailOverlayVisible();
       }}
-      okButtonProps={{ loading: sending }}
+      okButtonProps={{
+        loading: sending,
+        disabled:
+          selectedMedia &&
+         ( (selectedMedia
+            .filter((s) => s.isSelected)
+            .reduce((acc, val) => (acc = acc + val.size), 0) >=
+            10485760 - new Blob([form.getFieldValue("html")]).size) || selectedMedia.filter((s) => s.isSelected).length > 10),
+      }}
     >
       <Form layout="vertical" form={form} onFinish={handleFinish}>
         {loading && (