feat: basic translations to ui

packages/web/src/tableeditor/ColumnEditorModal.svelte

@@ -11,6 +11,7 @@
   import { closeCurrentModal } from '../modals/modalTools';
   import DataTypeEditor from './DataTypeEditor.svelte';
   import { editorAddColumn, editorDeleteColumn, editorModifyColumn, fillEditorColumnInfo } from 'dbgate-tools';
+  import { _t } from '../translations';
 
   export let columnInfo;
   export let setTableInfo = null;
@@ -75,7 +76,7 @@
       {#if !columnInfo}
         <FormButton
           type="button"
-          value="Save"
+          value={_t('common.save', { defaultMessage: 'Save' })}
           disabled={isReadOnly}
           on:click={e => {
             closeCurrentModal();

packages/web/src/tableeditor/ForeignKeyEditorModal.svelte

@@ -17,6 +17,7 @@
   import TextField from '../forms/TextField.svelte';
   import SelectField from '../forms/SelectField.svelte';
   import _ from 'lodash';
+  import { _t } from '../translations';
 
   export let constraintInfo;
   export let setTableInfo;
@@ -204,7 +205,7 @@
 
     <svelte:fragment slot="footer">
       <FormSubmit
-        value="Save"
+        value={_t('common.save', { defaultMessage: 'Save' })}
         disabled={isReadOnly}
         on:click={() => {
           closeCurrentModal();