feat: add email validation function and include email icon

Author: AbhishekA1509

src/Assets/IconV2/ic-email.svg

@@ -56,6 +56,7 @@ import { ReactComponent as ICDiscordFill } from '@IconsV2/ic-discord-fill.svg'
 import { ReactComponent as ICDockerhub } from '@IconsV2/ic-dockerhub.svg'
 import { ReactComponent as ICEcr } from '@IconsV2/ic-ecr.svg'
 import { ReactComponent as ICEdit } from '@IconsV2/ic-edit.svg'
+import { ReactComponent as ICEmail } from '@IconsV2/ic-email.svg'
 import { ReactComponent as ICEnterpriseFeat } from '@IconsV2/ic-enterprise-feat.svg'
 import { ReactComponent as ICEnterpriseTag } from '@IconsV2/ic-enterprise-tag.svg'
 import { ReactComponent as ICEnv } from '@IconsV2/ic-env.svg'
@@ -215,6 +216,7 @@ export const iconMap = {
     'ic-dockerhub': ICDockerhub,
     'ic-ecr': ICEcr,
     'ic-edit': ICEdit,
+    'ic-email': ICEmail,
     'ic-enterprise-feat': ICEnterpriseFeat,
     'ic-enterprise-tag': ICEnterpriseTag,
     'ic-env': ICEnv,

src/Shared/Components/Icon/Icon.tsx

@@ -497,3 +497,28 @@ export const validateYAML = (yamlString: string, isRequired?: boolean): Validati
         }
     }
 }
+
+export const validateEmail = (email: string): ValidationResponseType => {
+    if (!email) {
+        return {
+            isValid: false,
+            message: 'Email is required',
+        }
+    }
+
+    const re =
+        // eslint-disable-next-line no-useless-escape
+        /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+    const result = re.test(String(email).toLowerCase())
+
+    if (result) {
+        return {
+            isValid: true,
+        }
+    }
+
+    return {
+        isValid: false,
+        message: 'Please provide a valid email address',
+    }
+}