feat: implement event submission flow with image upload and modal interface

app/actualites/page.tsx

@@ -42,7 +42,16 @@ export default async function BlogPage() {
           {posts.map(post => (
             <Link key={post.id} href={`/actualites/${post.slug || post.id}`} className="group flex flex-col rounded-lg shadow-lg overflow-hidden bg-white hover:shadow-xl transition-shadow duration-300">
               <div className="flex-shrink-0 relative overflow-hidden h-48">
-                <img className="h-full w-full object-cover group-hover:scale-105 transition-transform duration-500" src={post.imageUrl} alt={post.title} />
+                <img 
+                  className="h-full w-full object-cover group-hover:scale-[1.05] transition-transform duration-500" 
+                  src={post.imageUrl} 
+                  alt={post.title} 
+                  style={{ 
+                    objectPosition: post.coverPosition || '50% 50%',
+                    transform: `scale(${post.coverZoom || 1})`,
+                    transformOrigin: post.coverPosition || '50% 50%'
+                  }}
+                />
                 <div className="absolute inset-0 bg-black/10 group-hover:bg-transparent transition-colors"></div>
               </div>
               <div className="flex-1 bg-white p-6 flex flex-col justify-between">