stashing code

apps/frontend/src/routes/+layout.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+	import "../app.css";
+	import { Toaster } from "$lib/components/ui/sonner";
+	import { browser } from "$app/environment";
+	import { QueryClient, QueryClientProvider } from "@tanstack/svelte-query";
+
+	let { children } = $props();
+
+	const queryClient = new QueryClient({
+		defaultOptions: { queries: { enabled: browser } },
+	});
+</script>
+
+<svelte:head>
+	<title>FlyTicketTravel</title>
+	<meta
+		name="description"
+		content="Book a flight to your dream destination at an unbelieavably low price"
+	/>
+
+	<script
+		async
+		src="https://www.googletagmanager.com/gtag/js?id=AW-17085207253"
+	></script>
+
+	<script>
+		window.dataLayer = window.dataLayer || [];
+		window.gtag = function () {
+			dataLayer.push(arguments);
+		};
+		window.gtag("js", new Date());
+		window.gtag("config", "AW-17085207253");
+	</script>
+</svelte:head>
+
+<Toaster />
+
+<QueryClientProvider client={queryClient}>
+	{@render children?.()}
+</QueryClientProvider>