feat: improve competition status handling with enhanced logging and error management

Author: WhyAsh5114

src/routes/(app)/compete/[roomId]/+page.svelte

@@ -636,7 +636,7 @@
 
 	// Function to check competition status from the database
 	async function checkCompetitionStatus() {
-		if (!browser || isHost() || isCompetitionActive) return;
+		if (!browser) return;
 
 		// Don't check too frequently (max once per second)
 		const now = Date.now();
@@ -648,7 +648,7 @@
 			if (!response.ok) return;
 
 			const data = await response.json();
-			console.log(data);
+			console.log('[COMPETITION] Status check:', data);
 
 			// If competition is active in the database but not locally, start it locally
 			if (data.isActive && !isCompetitionActive) {
@@ -663,6 +663,10 @@
 				startVideoStream();
 
 				toast.success('Competition started by host!');
+			} else if (!data.isActive && isCompetitionActive) {
+				// Competition ended in the database but still active locally
+				console.log('[COMPETITION] Competition ended in database');
+				endCompetition();
 			}
 		} catch (err) {
 			console.error('Error checking competition status:', err);
@@ -693,12 +697,10 @@
 		if (!browser) return;
 
 		try {
-			console.log('[AGORA] Starting competition');
-			isCompetitionActive = true;
-			competitionTimeInSeconds = 30; // Reset timer to 30 seconds
-
-			// Update competition status in database
-			await fetch('/api/competition/status', {
+			console.log('[COMPETITION] Starting competition as host');
+			
+			// Update competition status in database FIRST
+			const response = await fetch('/api/competition/status', {
 				method: 'POST',
 				headers: {
 					'Content-Type': 'application/json'
@@ -710,6 +712,16 @@
 					duration: 30 // 30 seconds competition
 				})
 			});
+			
+			if (!response.ok) {
+				throw new Error('Failed to update competition status in database');
+			}
+			
+			console.log('[COMPETITION] Database updated successfully');
+			
+			// Then update local state
+			isCompetitionActive = true;
+			competitionTimeInSeconds = 30; // Reset timer to 30 seconds
 
 			// Start all timers
 			startCompetitionTimers();
@@ -719,9 +731,12 @@
 
 			toast.success('Competition started!');
 		} catch (err) {
-			console.error('[AGORA] Error starting competition:', err);
+			console.error('[COMPETITION] Error starting competition:', err);
 			if (err instanceof Error)
 				error = err.message || 'An error occurred while starting the competition';
+			
+			// If we failed to update database, don't proceed with competition
+			isCompetitionActive = false;
 		}
 	}
 
@@ -790,7 +805,10 @@
 				.then(() => getCameras())
 				.catch((err) => console.error('[CAMERA] Permission error:', err));
 
-			// Start polling for competition status
+			// Do an initial check immediately
+			checkCompetitionStatus();
+			
+			// Then start polling for competition status
 			competitionStatusInterval = setInterval(checkCompetitionStatus, 1000);
 		}