Мультиязночность + причесывание css

frontend/src/routes/migration/mappings/+page.svelte

@@ -14,6 +14,8 @@
   import { onMount } from 'svelte';
   import EnvSelector from '../../../components/EnvSelector.svelte';
   import MappingTable from '../../../components/MappingTable.svelte';
+  import { t } from '$lib/i18n';
+  import { Button, PageHeader } from '$lib/ui';
   // [/SECTION]
 
   // [SECTION: STATE]
@@ -128,7 +130,7 @@
 
 <!-- [SECTION: TEMPLATE] -->
 <div class="max-w-6xl mx-auto p-6">
-  <h1 class="text-2xl font-bold mb-6">Database Mapping Management</h1>
+  <PageHeader title="Database Mapping Management" />
 
   {#if loading}
     <p>Loading environments...</p>
@@ -149,13 +151,13 @@
     </div>
 
     <div class="mb-8">
-      <button
+      <Button
         on:click={fetchDatabases}
         disabled={!sourceEnvId || !targetEnvId || sourceEnvId === targetEnvId || fetchingDbs}
-        class="inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 disabled:bg-gray-400"
+        isLoading={fetchingDbs}
       >
-        {fetchingDbs ? 'Fetching...' : 'Fetch Databases & Suggestions'}
-      </button>
+        Fetch Databases & Suggestions
+      </Button>
     </div>
 
     {#if error}