hotfix(landing): revert unoptimized removal, compress source images instead (#5528)

PR #5522 removed `unoptimized` from local blog/library/integration cover
images, expecting next/image's runtime optimizer to serve resized
AVIF/WebP. On staging, images broke entirely on /blog - the runtime
optimizer is failing there (root cause still under investigation:
_next/image requests aren't captured by the app's structured logger, so
the underlying error wasn't visible in application logs). Reverting
`unoptimized` immediately restores working images.

In its place, this compresses the actual source files (mozjpeg quality 82
for JPEGs, palette PNG for PNGs) at their EXACT existing pixel dimensions -
verified programmatically per-file (dimension mismatch aborts the write)
and spot-checked visually. This gets the same bandwidth/LCP win the
runtime optimizer was meant to provide, without depending on it:

- 13 blog/library cover images + 3 author avatars + 1 brand logo
- ~1.72MB -> ~1.02MB combined (~41% smaller), zero resolution change

apps/sim/app/(landing)/components/content-author-page/content-author-page.tsx

@@ -55,6 +55,7 @@ export function ContentAuthorPage({
                 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-[var(--text-muted)] text-xs'>

apps/sim/app/(landing)/components/content-index-page/content-index-page.tsx

@@ -96,6 +96,7 @@ export function ContentIndexPage({
                           sizes='(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw'
                           className='object-cover'
                           priority={index < 3}
+                          unoptimized
                         />
                       </div>
                       <div className='flex flex-col gap-2'>
@@ -157,6 +158,7 @@ export function ContentIndexPage({
                       fill
                       sizes='140px'
                       className='object-cover'
+                      unoptimized
                     />
                   </div>
                 </Link>

apps/sim/app/(landing)/components/content-post-page/content-post-page.tsx

@@ -53,6 +53,7 @@ export function ContentPostPage({
                 sizes='(max-width: 768px) 100vw, 450px'
                 priority
                 itemProp='image'
+                unoptimized
               />
             </div>
           </div>
@@ -141,6 +142,7 @@ export function ContentPostPage({
                         sizes='(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw'
                         className='object-cover'
                         loading='lazy'
+                        unoptimized
                       />
                     </div>
                     <div className='flex flex-col gap-2'>

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

@@ -914,6 +914,7 @@ export default async function IntegrationPage({ params }: { params: Promise<{ sl
               width={56}
               height={56}
               className='shrink-0 rounded-xl'
+              unoptimized
             />
             <div className='flex items-center gap-2'>
               <span className='h-px w-5 bg-[var(--border-1)]' aria-hidden='true' />