feat: localizations

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

src/components/ProfileSecurity.vue

@@ -1,8 +1,10 @@
 <script lang="ts" setup>
 import { ref, computed, onMounted } from 'vue'
 import { useIntegrationStore } from '@KTXC/stores/integrationStore'
+import { useL10n } from '@KTXC'
 
 const integrationStore = useIntegrationStore()
+const { t } = useL10n('user_profile')
 
 // Get all registered security panel components from modules
 const securityPanels = computed(() => {
@@ -59,9 +61,11 @@ onMounted(async () => {
             class="mb-4"
             color="grey"
           />
-          <p class="text-h6 mb-2">No Security Settings Available</p>
+          <p class="text-h6 mb-2">
+            {{ t('security.emptyTitle', 'No Security Settings Available') }}
+          </p>
           <p class="text-body-2 text-medium-emphasis">
-            No security modules are currently enabled or installed.
+            {{ t('security.emptyDescription', 'No security modules are currently enabled or installed.') }}
           </p>
         </VCardText>
       </VCard>