chore: add media migration scripts, migrate media.

src/app/(frontend)/[[...slug]]/page.tsx

@@ -3,6 +3,7 @@ import { getPayload } from 'payload'
 
 import NextApp from '@/spa/NextApp'
 import { normalizeFooterData, normalizeHeaderData } from '@/spa/cmsNavigation'
+import { normalizeSpaMediaMap } from '@/spa/cmsMedia'
 
 export const dynamic = 'force-dynamic'
 
@@ -14,10 +15,18 @@ export default async function Page({ params }: Args) {
   const { slug = [] } = await params
   const pathname = `/${slug.join('/')}`.replace(/\/$/, '') || '/'
   const payload = await getPayload({ config: configPromise })
-  const [header, footer] = await Promise.all([
+  const [header, footer, spaMedia] = await Promise.all([
     payload.findGlobal({ slug: 'header', depth: 1 }).catch(() => undefined),
     payload.findGlobal({ slug: 'footer', depth: 1 }).catch(() => undefined),
+    payload.findGlobal({ slug: 'spa-media', depth: 1 }).catch(() => undefined),
   ])
 
-  return <NextApp pathname={pathname} header={normalizeHeaderData(header)} footer={normalizeFooterData(footer)} />
+  return (
+    <NextApp
+      pathname={pathname}
+      header={normalizeHeaderData(header)}
+      footer={normalizeFooterData(footer)}
+      media={normalizeSpaMediaMap(spaMedia)}
+    />
+  )
 }