<script lang="ts">
	import "./layout.css";
	import favicon from "$lib/assets/favicon.svg";
	import { createClient } from "$lib/supabase";
	import { setContext } from "svelte";
	import { ToastContainer } from "$lib/components/ui";

	let { children, data } = $props();

	const supabase = createClient();
	setContext("supabase", supabase);
</script>

<svelte:head><link rel="icon" href={favicon} /></svelte:head>
{@render children()}
<ToastContainer />
