switch from tinacms to sanity

src/components/PhotoGallery.astro

@@ -1,6 +1,8 @@
 ---
+import { urlFor } from '../sanity/imageUrl';
+
 interface Props {
-  images: string[];
+  images: any[];
 }
 
 const { images } = Astro.props;
@@ -10,7 +12,7 @@ const { images } = Astro.props;
   <div class="grid grid-cols-[repeat(auto-fill,minmax(300px,1fr))] md:grid-cols-[repeat(auto-fill,minmax(200px,1fr))] gap-[--spacing-md] md:gap-[--spacing-sm] mt-[--spacing-lg]">
     {images.map((image) => (
       <div class="relative overflow-hidden rounded-lg shadow-[0_4px_10px_rgba(0,0,0,0.2)] transition-all duration-300 aspect-[4/3] hover:-translate-y-1 hover:shadow-[0_8px_20px_rgba(0,0,0,0.3)] group">
-        <img src={image} alt="Theater photo" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" />
+        <img src={urlFor(image)} alt="Theater photo" loading="lazy" class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105" />
       </div>
     ))}
   </div>