feat: heic support

app/invite/[token]/page.tsx

@@ -6,6 +6,7 @@ import { getGuestDictionary } from "@/lib/i18n/get-dictionary"
 import { isSupportedLanguage } from "@/lib/i18n/config"
 import { getInvitePageContent } from "@/lib/i18n/invite-page/content"
 import { isRsvpClosed } from "@/lib/rsvp-deadline"
+import { createPresignedDownloadUrl } from "@/lib/storage/uploads"
 
 import { submitRsvpAction } from "./actions"
 
@@ -31,6 +32,9 @@ export default async function InvitePage({
     getInvitationInteractions(detail.invitation.id),
     getPhotoUploadByInvitationId(detail.invitation.id),
   ])
+  const photo = photoUpload
+    ? { filename: photoUpload.original_filename, url: await createPresignedDownloadUrl(photoUpload.object_key) }
+    : null
 
   return <WeddingInvite
     action={submitRsvpAction.bind(null, token)}
@@ -40,7 +44,7 @@ export default async function InvitePage({
     content={getInvitePageContent(language)}
     closed={isRsvpClosed()}
     toastRequest={interactions.toastRequests[0]}
-    filename={photoUpload?.original_filename ?? null}
+    photo={photo}
     submitted={submitted}
     error={error}
   />