feat: settings modal to change locale

src/renderer/components/AppHeader.vue

@@ -30,11 +30,21 @@
             </transition>
          </div>
       </nav>
+      <div
+         class="navSettings"
+         :title="t('word.settings')"
+         @click="isSettingModal=true"
+      >
+         <i class="material-icons">settings</i>
+      </div>
+      <ModalSettings v-if="isSettingModal" @hide-settings="isSettingModal=false" />
    </header>
 </template>
 
 <script setup lang="ts">
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import ModalSettings from './ModalSettings.vue';
 
 defineProps({
    selTab: Number,
@@ -42,6 +52,8 @@ defineProps({
    serverStatus: Number
 });
 
+const isSettingModal = ref(false);
+
 const emit = defineEmits(['selectTab']);
 
 const { t } = useI18n();