feat: added product page

src/routes/+layout.svelte

@@ -1,9 +1,27 @@
 <script lang="ts">
   import '../app.css'
   import favicon from '$lib/assets/favicon.svg'
-  import * as r from '$lib/paraglide/runtime'
+  import {
+    TolgeeProvider,
+    Tolgee,
+    DevTools,
+    FormatSimple,
+  } from '@tolgee/svelte'
+  import { TopBar } from '$lib/components/ui/topBar'
 
-  r.setLocale('de-de')
+  const tolgee = Tolgee()
+    .use(DevTools())
+    .use(FormatSimple())
+    .init({
+      language: 'de',
+
+      // for development
+      apiUrl: import.meta.env.VITE_TOLGEE_API_URL,
+      apiKey: import.meta.env.VITE_TOLGEE_API_KEY,
+
+      // for production
+      staticData: {},
+    })
 
   let { children } = $props()
 </script>
@@ -12,8 +30,15 @@
   <link rel="icon" href={favicon} />
 </svelte:head>
 
-<div class="flex justify-center items-center">
-  <div class="max-w-full lg:max-w-5xl pt-4">
-    {@render children?.()}
+<TolgeeProvider {tolgee}>
+  <TopBar />
+  <div class="box-content">
+    <div
+      class="bg-gray-50 dark:bg-gray-950 transition-colors flex justify-center min-h-screen"
+    >
+      <div class="max-w-full px-4 lg:max-w-6xl box-content">
+        {@render children?.()}
+      </div>
+    </div>
   </div>
-</div>
+</TolgeeProvider>