fix(components): do not optimize animated images

Some contents use images with `.gif` extension. Those images should
not be optimized according to Next warnings.

Author: ArmandPhilippot

.cspell/project-words.txt

@@ -29,3 +29,4 @@ stylelint
 svgr
 thematics
 undici
+unoptimized

src/components/mdx.tsx

@@ -46,6 +46,7 @@ const Img = ({
         height={typeof height === 'string' ? Number(height) : height}
         src={src}
         width={typeof width === 'string' ? Number(width) : width}
+        unoptimized={src.endsWith('.gif')}
       />
     );
 

src/utils/helpers/pages.tsx

@@ -52,7 +52,12 @@ export const getPostsWithUrl = (posts: ArticlePreview[]): PostData[] =>
   posts.map(({ id, intro, meta, slug, title, ...post }) => {
     return {
       ...post,
-      cover: meta.cover ? <NextImage {...meta.cover} /> : undefined,
+      cover: meta.cover ? (
+        <NextImage
+          {...meta.cover}
+          unoptimized={meta.cover.src.endsWith('.gif')}
+        />
+      ) : undefined,
       excerpt: intro,
       heading: title,
       id,