fix(approved-access-domain): Improve ux (#13367)

Fix #13324

---------

Co-authored-by: greptile-apps[bot] <165735046+greptile-apps[bot]@users.noreply.github.com>

packages/twenty-emails/src/constants/DefaultWorkspaceLogo.ts

@@ -0,0 +1,2 @@
+export const DEFAULT_WORKSPACE_LOGO =
+  'https://twentyhq.github.io/placeholder-images/workspaces/twenty-logo.png';

packages/twenty-emails/src/emails/validate-approved-access-domain.email.tsx

@@ -13,6 +13,7 @@ import { Title } from 'src/components/Title';
 import { capitalize } from 'src/utils/capitalize';
 import { APP_LOCALES } from 'twenty-shared/translations';
 import { getImageAbsoluteURI } from 'twenty-shared/utils';
+import { DEFAULT_WORKSPACE_LOGO } from 'src/constants/DefaultWorkspaceLogo';
 
 type SendApprovedAccessDomainValidationProps = {
   link: string;
@@ -63,16 +64,19 @@ export const SendApprovedAccessDomainValidation = ({
         <br />
       </MainText>
       <HighlightedContainer>
-        {workspaceLogo ? (
+        <object
+          data={workspaceLogo ?? DEFAULT_WORKSPACE_LOGO}
+          width={40}
+          height={40}
+          aria-label="Workspace logo"
+        >
           <Img
-            src={workspaceLogo}
+            src={DEFAULT_WORKSPACE_LOGO}
             width={40}
             height={40}
             alt="Workspace logo"
           />
-        ) : (
-          <></>
-        )}
+        </object>
         {workspace.name ? <HighlightedText value={workspace.name} /> : <></>}
         <CallToAction href={link} value={i18n._('Validate domain')} />
       </HighlightedContainer>