fix(web): Load image with 800px width when embedded in rich text (#16355

)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>

apps/web/utils/richText.tsx

@@ -4,6 +4,8 @@ import { IntlConfig, IntlProvider } from 'react-intl'
 import {
   FaqList,
   type FaqListProps,
+  Image,
+  type ImageProps,
   renderConnectedComponent,
   richText,
   SectionWithImage,
@@ -279,6 +281,11 @@ const defaultRenderComponent = {
       variant={slice.variant as 'accordion' | 'card'}
     />
   ),
+  Image: (slice: ImageProps) => {
+    const thumbnailUrl = slice?.url ? slice.url + '?w=50' : ''
+    const url = slice?.url ? slice.url + '?w=800' : ''
+    return <Image {...slice} thumbnail={thumbnailUrl} url={url} />
+  },
 }
 
 export const webRichText = (