Update desktop environment screenshots and file references

Update distros.json to reference correct screenshot file extensions and add new screenshot images to the attached_assets/de_screenshots directory.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c4fc7b07-53a2-4929-bc12-f392104bb085
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: cf15d2e1-0737-4161-bdb6-7f72c8c7252a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/55e426a8-5a2b-421b-8bd4-30481ae0063b/c4fc7b07-53a2-4929-bc12-f392104bb085/a2ci8g4
Replit-Helium-Checkpoint-Created: true

client/src/data/distros.json

@@ -647,7 +647,7 @@
       "resourceUsage": "medium-high",
       "customization": "limited",
       "colorPalette": ["#4A86CF", "#3584E4", "#1C71D8"],
-      "screenshot": "gnome.png"
+      "screenshot": "gnome.webp"
     },
     {
       "id": "xfce",
@@ -657,7 +657,7 @@
       "resourceUsage": "low",
       "customization": "moderate",
       "colorPalette": ["#2EB8E6", "#00AAD4", "#007EA8"],
-      "screenshot": "xfce.png"
+      "screenshot": "xfce.jpg"
     },
     {
       "id": "cinnamon",
@@ -667,7 +667,7 @@
       "resourceUsage": "medium",
       "customization": "good",
       "colorPalette": ["#87CF3E", "#6BBD2B", "#4E9A1A"],
-      "screenshot": "cinnamon.png"
+      "screenshot": "cinnamon.jpg"
     },
     {
       "id": "mate",
@@ -697,7 +697,7 @@
       "resourceUsage": "medium",
       "customization": "moderate",
       "colorPalette": ["#6BCA81", "#4CAF50", "#388E3C"],
-      "screenshot": "budgie.png"
+      "screenshot": "budgie.avif"
     },
     {
       "id": "pantheon",
@@ -717,7 +717,7 @@
       "resourceUsage": "medium",
       "customization": "good",
       "colorPalette": ["#FAA41A", "#48B9C7", "#574F4A"],
-      "screenshot": "cosmic.png"
+      "screenshot": "cosmic.jpg"
     },
     {
       "id": "dde",
@@ -727,7 +727,7 @@
       "resourceUsage": "medium-high",
       "customization": "moderate",
       "colorPalette": ["#0082FC", "#006DD9", "#0052A3"],
-      "screenshot": "dde.png"
+      "screenshot": "dde.webp"
     },
     {
       "id": "i3",
@@ -737,7 +737,7 @@
       "resourceUsage": "very-low",
       "customization": "extreme",
       "colorPalette": ["#285577", "#1C3D5A", "#122A40"],
-      "screenshot": "i3.png"
+      "screenshot": "i3.webp"
     },
     {
       "id": "hyprland",
@@ -747,7 +747,7 @@
       "resourceUsage": "low",
       "customization": "extreme",
       "colorPalette": ["#00D4AA", "#00B894", "#009874"],
-      "screenshot": "hyprland.png"
+      "screenshot": "hyprland.jpeg"
     }
   ],
   "criticalQuestions": [