feat: implement team leave functionality

Author: lalitm1004

frontend/package-lock.json

@@ -16,7 +16,6 @@
 		"@sveltejs/kit": "^2.16.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
 		"@tailwindcss/vite": "^4.0.0",
-		"@types/event-source-polyfill": "^1.0.5",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"tailwindcss": "^4.0.0",
@@ -26,7 +25,6 @@
 	"dependencies": {
 		"@supabase/ssr": "^0.6.1",
 		"@supabase/supabase-js": "^2.49.4",
-		"event-source-polyfill": "^1.0.31",
 		"nanoid": "^5.1.5",
 		"tailwind-merge": "^3.2.0"
 	}

frontend/package.json

@@ -0,0 +1,9 @@
+<script lang="ts">
+    import StreamListener from "$lib/components/StreamListener.svelte";
+
+    let { children } = $props();
+</script>
+
+{@render children()}
+
+<StreamListener />

frontend/src/routes/(stream)/+layout.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
+    import { goto } from "$app/navigation";
     import { LoadingStore } from "$lib/stores/LoadingStore";
-    import { getPlayerReadyState, setPlayerReadyState, TeamStore } from "$lib/stores/TeamStore";
+    import { clearTeam, getPlayerReadyState, setPlayerReadyState, TeamStore } from "$lib/stores/TeamStore";
     import { addToast } from "$lib/stores/ToastStore";
     import { fetchWithAuth } from "$lib/utils/fetchWithAuth";
 
@@ -44,6 +45,36 @@
             LoadingStore.set(false);
         }
     }
+
+    const handleTeamLeave = async () => {
+        LoadingStore.set(true)
+        try {
+            const response = await fetchWithAuth('api/team/leave', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                }
+            });
+
+            if (response.status === 200) {
+                clearTeam();
+                goto('/new');
+            } else {
+                addToast({
+                    message: 'Error leaving team.',
+                    type: 'warning',
+                });
+            }
+        } catch (e) {
+            console.error(`Error Leaving Team > ${e}`);
+            addToast({
+                message: 'An unexpected error occured. Please contact helpers.',
+                type: 'danger',
+            });
+        } finally {
+            LoadingStore.set(false)
+        }
+    }
 </script>
 
 <main class={`h-screen w-screen flex flex-col justify-center items-center p-4`}>
@@ -78,7 +109,7 @@
             {/if}
         </button>
 
-        <button class={`border-2 rounded-lg py-4`}>
+        <button onclick={() => handleTeamLeave()} class={`border-2 rounded-lg py-4`}>
             Leave Team
         </button>
     </div>

frontend/src/routes/team/+page.server.ts …src/routes/(stream)/team/+page.server.tsfrontend/src/routes/team/+page.server.ts renamed to frontend/src/routes/(stream)/team/+page.server.ts frontend/src/routes/team/+page.server.ts renamed to frontend/src/routes/(stream)/team/+page.server.ts

@@ -71,7 +71,4 @@
 
 {#if $LoadingStore}
 	<Loading />
-{/if}
-
-
-<StreamListener />
+{/if}