feat: added product page

src/lib/components/ui/specCard/SpecCard.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import type { Specification } from '$lib'
   import * as Card from '../card'
-  import { m } from '$lib/paraglide/messages'
   import * as Tabs from '../tabs'
   import SpecTable from './SpecTable.svelte'
+  import { T } from '@tolgee/svelte'
 
   const { specifications }: { specifications: Specification[] } = $props()
 
@@ -12,13 +12,15 @@
 
 <Card.Root>
   <Card.Header>
-    {m.specification_title()}
+    <T keyName="specs.title" />
   </Card.Header>
   <Card.Content>
     <Tabs.Root bind:value={selectedSpec}>
       <Tabs.List class="w-full">
         {#each specifications as spec (spec.title)}
-          <Tabs.Trigger value={spec.title}>{spec.title}</Tabs.Trigger>
+          <Tabs.Trigger value={spec.title}>
+            <T keyName={`specs.tabs.${spec.title}`} />
+          </Tabs.Trigger>
         {/each}
       </Tabs.List>
       {#each specifications as spec (spec.title)}