docs: optimized cloudinary images (#3767)

www/docs/src/theme/MDXComponents/index.js

@@ -2,11 +2,11 @@ import React from 'react';
 // Import the original mapper
 import MDXComponents from '@theme-original/MDXComponents';
 import InlineCode from './InlineCode'
+import CloudinaryImage from '../../components/CloudinaryImage';
 
 export default {
   // Re-use the default mapping
   ...MDXComponents,
-  // Map the "highlight" tag to our <Highlight /> component!
-  // `Highlight` will receive all props that were passed to `highlight` in MDX
   inlineCode: InlineCode,
+  img: CloudinaryImage
 };