fix: Fix the light images for the blogpost for Supabase UI lib (#34728)

* Fix the light images for the blogpost.

* Add image for install.

apps/www/_blog/2025-03-31-supabase-ui-library.mdx

@@ -33,7 +33,7 @@ Installing components from the Supabase UI Library is as easy as installing a co
   alt="Install"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/install.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/install-light.png',
   }}
 />
 
@@ -116,7 +116,7 @@ The Realtime Cursor component gets you started building multiplayer experiences
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors.jpg',
     light:
-      '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.jpg',
+      '/images/blog/launch-week-14/day-1-supabase-ui-library/supabase-ui-realtime-cursors-light.png',
   }}
 />
 
@@ -128,7 +128,7 @@ With the User Avatar and Realtime Avatar Stack components, you can add Realtime
   alt="Who's Online"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/whos-online-light.png',
   }}
 />
 
@@ -140,7 +140,7 @@ The Realtime Chat component is a complete chat interface, letting users exchange
   alt="Realtime Chat"
   src={{
     dark: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat.jpg',
-    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.jpg',
+    light: '/images/blog/launch-week-14/day-1-supabase-ui-library/realtime-chat-light.png',
   }}
 />