Refresh lightbox designs (#10330)

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

src/components/Lightbox/Lightbox.tsx

@@ -0,0 +1,26 @@
+import {useCallback} from 'react'
+
+import {shareImageModal} from '#/lib/media/manip'
+import {useSaveImageToMediaLibrary} from '#/lib/media/save-image'
+import ImageView from '#/components/Lightbox/pager/ImagePager'
+import {useLightbox, useLightboxControls} from '#/components/Lightbox/state'
+
+export function Lightbox() {
+  const {activeLightbox} = useLightbox()
+  const {closeLightbox} = useLightboxControls()
+
+  const onClose = useCallback(() => {
+    closeLightbox()
+  }, [closeLightbox])
+
+  const saveImageToAlbum = useSaveImageToMediaLibrary()
+
+  return (
+    <ImageView
+      lightbox={activeLightbox}
+      onRequestClose={onClose}
+      onPressSave={saveImageToAlbum}
+      onPressShare={uri => shareImageModal({uri})}
+    />
+  )
+}