add image optimization

src/components/optimized-image.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import { CDN_URL } from '@/shared/constants'
+import type { ComponentPropsWithoutRef } from 'react'
+
+export function OptimizedImage(props: ComponentPropsWithoutRef<'img'>) {
+  const isDev = process.env.NODE_ENV === 'development'
+
+  if (isDev) {
+    return <img {...props} />
+  }
+
+  return <img {...props} src={`${CDN_URL}${props.src}`} alt={props.alt} />
+}