feat: added product page

src/lib/components/ui/variations/CapacityVarations.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
   import type { CapacityProductVariation } from '$lib'
-  import * as m from '$lib/paraglide/messages'
+  import { T } from '@tolgee/svelte'
   import { ToggleButton } from '../button'
   import { Label } from '../label'
 
@@ -10,7 +10,9 @@
 </script>
 
 <div class="mb-6">
-  <Label class="mb-3">{m['capacity_variation.title']()}</Label>
+  <Label class="mb-3">
+    <T keyName="capacity.title" />
+  </Label>
   <div class="flex flex-row gap-2">
     {#each variations as variation (variation.numericValue)}
       <ToggleButton