fix(blog): use unoptimized tag for image assets (#2374)

Author: waleedlatif1

apps/sim/app/(landing)/studio/[slug]/page.tsx

@@ -64,6 +64,7 @@ export default async function Page({ params }: { params: Promise<{ slug: string
                 sizes='(max-width: 768px) 100vw, 450px'
                 priority
                 itemProp='image'
+                unoptimized
               />
             </div>
           </div>
@@ -144,6 +145,7 @@ export default async function Page({ params }: { params: Promise<{ slug: string
                     className='h-[160px] w-full object-cover'
                     sizes='(max-width: 640px) 100vw, (max-width: 1024px) 50vw, 33vw'
                     loading='lazy'
+                    unoptimized
                   />
                   <div className='p-3'>
                     <div className='mb-1 text-gray-600 text-xs'>

apps/sim/app/(landing)/studio/authors/[id]/page.tsx

@@ -38,6 +38,7 @@ export default async function AuthorPage({ params }: { params: Promise<{ id: str
             width={40}
             height={40}
             className='rounded-full'
+            unoptimized
           />
         ) : null}
         <h1 className='font-medium text-[32px] leading-tight'>{author.name}</h1>
@@ -52,6 +53,7 @@ export default async function AuthorPage({ params }: { params: Promise<{ id: str
                 width={600}
                 height={315}
                 className='h-[160px] w-full object-cover transition-transform group-hover:scale-[1.02]'
+                unoptimized
               />
               <div className='p-3'>
                 <div className='mb-1 text-gray-600 text-xs'>

apps/sim/app/(landing)/studio/page.tsx

@@ -76,6 +76,7 @@ export default async function StudioIndex({
                   className='h-48 w-full object-cover'
                   sizes='(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw'
                   loading='lazy'
+                  unoptimized
                 />
                 <div className='flex flex-1 flex-col p-4'>
                   <div className='mb-2 text-gray-600 text-xs'>

apps/sim/lib/blog/mdx.tsx

@@ -13,6 +13,7 @@ export const mdxComponents: MDXRemoteProps['components'] = {
       className={clsx('h-auto w-full rounded-lg', props.className)}
       sizes='(max-width: 768px) 100vw, 800px'
       loading='lazy'
+      unoptimized
     />
   ),
   h2: (props: any) => (