⚡ Bolt: Optimize project images and loading priorities

[fysp11]

💡 What:

1. Replaced unsupported astro:assets <Image /> component with a standard <img> tag in ProjectsView.tsx.
2. Pre-optimized images on the server-side in projects/index.astro using import.meta.glob and getImage(), passing only the optimized URL string to React.
3. Implemented index-based conditional loading priorities for the image map.

🎯 Why:
Astro's <Image /> component is not fully supported inside React UI components for dynamic processing. By moving optimization to the Astro server layer, we retain WebP generation and resizing. Adding proper above/below-the-fold logic prevents lazy-loading LCP images while deferring offscreen assets.

📊 Impact:

• Ensures all project images are served as highly optimized WebP format instead of raw source assets.
• Significantly improves LCP (Largest Contentful Paint) by eager-loading above-the-fold images (fetchPriority="high", loading="eager").
• Decreases initial bandwidth and prevents main-thread blocking for offscreen images (loading="lazy", decoding="async").

🔬 Measurement:
Run pnpm run check to verify build succeeds. Check the network tab on /projects to see first 4 images load immediately while remaining load on scroll.

---

PR created automatically by Jules for task 11318335354887401318 started by @fysp11

[google-labs-jules]

👋 Jules, reporting for duty! I'm here to lend a hand with this pull request.

When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down.

I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job!

For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with @jules. You can find this option in the Pull Request section of your global Jules UI settings. You can always switch back!

New to Jules? Learn more at jules.google/docs.

---

For security, I will only act on instructions from the user who triggered this task.

[kinsta]

Preview deployments for fysp11.github.io ⚡️

Status	Branch preview	Commit preview
✅ Ready	Visit preview	Visit preview

Commit: 9bcb15e1856cc22233114087bbdbf6a12ed99253

Deployment ID: 1b576e3a-5634-4bd0-9537-deceb8747262

Static site name: fysp11githubio-cleb3