Mega push vol 4

src/routes/+page.svelte

@@ -2,6 +2,7 @@
     import { getContext } from "svelte";
     import { Button, Card, Modal, Input } from "$lib/components/ui";
     import { createOrganization, generateSlug } from "$lib/api/organizations";
+    import { toasts } from "$lib/stores/toast.svelte";
     import type { SupabaseClient } from "@supabase/supabase-js";
     import type { Database } from "$lib/supabase/types";
 
@@ -24,6 +25,9 @@
     const supabase = getContext<SupabaseClient<Database>>("supabase");
 
     let organizations = $state(data.organizations);
+    $effect(() => {
+        organizations = data.organizations;
+    });
     let showCreateModal = $state(false);
     let newOrgName = $state("");
     let creating = $state(false);
@@ -41,7 +45,9 @@
             showCreateModal = false;
             newOrgName = "";
         } catch (error) {
-            console.error("Failed to create organization:", error);
+            toasts.error(
+                "Failed to create organization. The name may already be taken.",
+            );
         } finally {
             creating = false;
         }
@@ -63,7 +69,7 @@
                     >Style Guide</a
                 >
                 <form method="POST" action="/auth/logout">
-                    <Button variant="ghost" size="sm" type="submit"
+                    <Button variant="tertiary" size="sm" type="submit"
                         >Sign Out</Button
                     >
                 </form>
@@ -180,7 +186,7 @@
             </p>
         {/if}
         <div class="flex justify-end gap-2 pt-2">
-            <Button variant="ghost" onclick={() => (showCreateModal = false)}
+            <Button variant="tertiary" onclick={() => (showCreateModal = false)}
                 >Cancel</Button
             >
             <Button