feat: localizations

Signed-off-by: Sebastian Krupinski <krupinski01@gmail.com>

core/src/layouts/menus/LayoutSystemMenu.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue';
 import { useLayoutStore } from '@KTXC/stores/layoutStore';
 import { useIntegrationStore } from '@KTXC/stores/integrationStore';
+import { useL10n } from '@KTXC/composables/useL10n';
 import Logo from '@KTXC/layouts/logo/LogoDark.vue';
 import SystemMenuGroupStatic from './LayoutSystemMenuGroupStatic.vue';
 import SystemMenuGroupDynamic from './LayoutSystemMenuGroupDynamic.vue';
@@ -9,6 +10,7 @@ import SystemMenuItem from './LayoutSystemMenuItem.vue';
 
 const layoutStore = useLayoutStore();
 const integrationStore = useIntegrationStore();
+const { t } = useL10n('core');
 
 // Get all entries based on current menu mode
 const menuEntries = computed(() => {
@@ -29,23 +31,23 @@ const menuModeInfo = computed(() => {
     case 'user-settings':
       return {
         icon: 'mdi-account-cog',
-        label: 'Personal Settings',
-        toggleLabel: 'Admin',
+        label: t('systemMenu.personalSettings', 'Settings'),
+        toggleLabel: t('systemMenu.adminSettings', 'System'),
         toggleIcon: 'mdi-shield-crown',
       };
     case 'admin-settings':
       return {
         icon: 'mdi-shield-crown',
-        label: 'Administration',
-        toggleLabel: 'Apps',
+        label: t('systemMenu.adminSettings', 'System'),
+        toggleLabel: t('systemMenu.apps', 'Applications'),
         toggleIcon: 'mdi-view-dashboard',
       };
     case 'apps':
     default:
       return {
         icon: 'mdi-view-dashboard',
-        label: 'Applications',
-        toggleLabel: 'Settings',
+        label: t('systemMenu.apps', 'Applications'),
+        toggleLabel: t('systemMenu.userSettings', 'Settings'),
         toggleIcon: 'mdi-account-cog',
       };
   }