Restructure progress

src/routes/private/events/+page.svelte

@@ -1,85 +1,24 @@
 <script lang="ts">
-    // Get the supabase client
-    let { data } = $props();
-    
-    // Create reactive states for events and loading
-    let events = $state([]);
-    let loading = $state(true);
-    let error = $state(null);
-
-    // Load events when component mounts
-    $effect(() => {
-        loadEvents();
-    });
-    
-    async function loadEvents() {
-        loading = true;
-        error = null;
-        
-        try {
-            const { data: eventsData, error: supabaseError } = await data.supabase
-                .from('events')
-                .select('*')
-                .order('date', { ascending: false });
-                
-            if (supabaseError) throw supabaseError;
-            
-            events = eventsData || [];
-        } catch (err) {
-            console.error('Error fetching events:', err);
-            error = 'Failed to load events';
-        } finally {
-            loading = false;
-        }
-    }
+    export let data;
 </script>
 
 <h1 class="text-2xl font-bold mb-4 mt-2 text-center">All Events</h1>
 <div class="grid grid-cols-1 md:grid-cols-2 gap-4 max-w-2xl mx-auto">
-  {#if loading}
-    <!-- Loading placeholders -->
-    {#each Array(4) as _}
-      <div class="border border-gray-300 rounded bg-white p-4 animate-pulse">
-        <div class="flex flex-col gap-1">
-          <div class="h-5 bg-gray-200 rounded w-3/4 mb-2"></div>
-          <div class="h-4 bg-gray-100 rounded w-1/2"></div>
-        </div>
+  {#each data.events as event}
+    <a
+      href={`/private/events/event?id=${event.id}`}
+      class="block border border-gray-300 rounded bg-white p-4 shadow-none transition cursor-pointer hover:border-blue-500 group"
+    >
+      <div class="flex flex-col gap-1">
+        <span class="font-semibold text-lg text-black-700 group-hover:underline">{event.name}</span>
+        <span class="text-gray-500 text-sm">{event.date}</span>
       </div>
-    {/each}
-  {:else if error}
-    <!-- Error state -->
-    <div class="col-span-full text-center p-4 text-red-600">
-      {error}
-      <button 
-        onclick={loadEvents}
-        class="ml-2 text-blue-600 underline"
-      >
-        Try again
-      </button>
-    </div>
-  {:else if events.length === 0}
-    <!-- Empty state -->
-    <div class="col-span-full text-center p-4 text-gray-500">
-      No events found
-    </div>
-  {:else}
-    <!-- Events list -->
-    {#each events as event}
-      <a
-        href={`/private/events/event?id=${event.id}`}
-        class="block border border-gray-300 rounded bg-white p-4 shadow-none transition cursor-pointer hover:border-blue-500 group"
-      >
-        <div class="flex flex-col gap-1">
-          <span class="font-semibold text-lg text-black-700 group-hover:underline">{event.name}</span>
-          <span class="text-gray-500 text-sm">{event.date}</span>
-        </div>
-      </a>
-    {/each}
-  {/if}
+    </a>
+  {/each}
 </div>
 
 <a
-  href="/private/events/event/new"
+  href="/private/creator"
   class="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-8 rounded-full shadow-none border border-gray-300"
 >
   New Event

src/routes/private/events/event/new/+page.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { onMount } from 'svelte';
-	import { isTokenValid, refreshAccessToken, getUserInfo, revokeToken } from '$lib/google/client.js';
-	import type { GoogleSheet } from '$lib/google/client/types.js';
+	import { isTokenValid, getUserInfo, revokeToken } from '$lib/google/auth/client.js';
+	import type { GoogleSheet } from '$lib/google/sheets/client.js';
 	import { goto } from '$app/navigation';
 	
 	// Import Components

src/routes/private/events/event/new/components/GoogleSheetsStep.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { GoogleSheet } from '$lib/google/client/types.js';
+	import type { GoogleSheet } from '$lib/google/sheets';
 	
 	// Props
 	let { sheetsData, errors, loadRecentSheets, selectSheet, toggleSheetList } = $props<{