Add challenges background preference support: Extend site preferences and related components to include challengesBackground, update API and UI to handle new background image settings for challenges.

app/api/preferences/route.ts

@@ -12,6 +12,7 @@ export async function GET() {
         homeBackground: null,
         eventsBackground: null,
         leaderboardBackground: null,
+        challengesBackground: null,
       });
     }
 
@@ -19,6 +20,7 @@ export async function GET() {
       homeBackground: sitePreferences.homeBackground,
       eventsBackground: sitePreferences.eventsBackground,
       leaderboardBackground: sitePreferences.leaderboardBackground,
+      challengesBackground: sitePreferences.challengesBackground,
     });
   } catch (error) {
     console.error("Error fetching preferences:", error);
@@ -27,6 +29,7 @@ export async function GET() {
         homeBackground: null,
         eventsBackground: null,
         leaderboardBackground: null,
+        challengesBackground: null,
       },
       { status: 200 }
     );

app/challenges/page.tsx

@@ -14,8 +14,8 @@ export default async function ChallengesPage() {
   }
 
   const backgroundImage = await getBackgroundImage(
-    "home",
-    "/got-background.jpg"
+    "challenges",
+    "/got-2.jpg"
   );
 
   return (