Function OptimizedImage

OptimizedImage(
    props: {
        src: string;
        alt: string;
        width?: number;
        height?: number;
        className?: string;
    },
): Element
Optimized Picture component for MDX content

Automatically generates picture element with WebP/AVIF sources for optimal image delivery with fallback support.
Parameters
- props: {
      src: string;
      alt: string;
      width?: number;
      height?: number;
      className?: string;
  }
  Image props with src, alt, width, height
Returns Element
Picture element with multiple format sources
Example
```
<OptimizedImage
  src="/images/example.png"
  alt="Example image"
  width={400}
  height={300}
/>
```
- Defined in features/posts/mdx-components.tsx:22