diff --git a/next-ui/eslint.config.js b/next-ui/eslint.config.js
index 4ff3e06c..f97ce742 100644
--- a/next-ui/eslint.config.js
+++ b/next-ui/eslint.config.js
@@ -35,12 +35,13 @@ export default defineConfigWithVueTs(
     }
   },
 
+  formatjs.configs.recommended,
+
   {
     plugins: {
       formatjs,
     },
     rules: {
-      'formatjs/no-offset': 'error',
       'formatjs/enforce-id': [
         'error',
         {
diff --git a/next-ui/i18n/en.json b/next-ui/i18n/en.json
new file mode 100644
index 00000000..9cffb805
--- /dev/null
+++ b/next-ui/i18n/en.json
@@ -0,0 +1,34 @@
+{
+  "8dsA6c": {
+    "defaultMessage": "User Interface",
+    "description": "Drawer menu for User Interface"
+  },
+  "9yKJ2S": {
+    "defaultMessage": "Settings",
+    "description": "Drawer menu for Server Settings"
+  },
+  "BXkzdX": {
+    "defaultMessage": "Users",
+    "description": "Drawer menu for Users"
+  },
+  "IpvWiZ": {
+    "defaultMessage": "Server",
+    "description": "Drawer menu for Server"
+  },
+  "Nn5L5Q": {
+    "defaultMessage": "Announcements",
+    "description": "Drawer menu for Announcements"
+  },
+  "localename": {
+    "defaultMessage": "English",
+    "description": "The name of the locale, shown in the language selection menu. Must be translated to the language's name"
+  },
+  "nGrxDH": {
+    "defaultMessage": "Updates",
+    "description": "Drawer menu for Updates"
+  },
+  "nr3gEG": {
+    "defaultMessage": "Metrics",
+    "description": "Drawer menu for Metrics"
+  }
+}
diff --git a/next-ui/i18n/fr.json b/next-ui/i18n/fr.json
new file mode 100644
index 00000000..efdd0c0a
--- /dev/null
+++ b/next-ui/i18n/fr.json
@@ -0,0 +1,14 @@
+{
+  "9yKJ2S": {
+    "defaultMessage": "Réglages",
+    "description": "Drawer menu for Server Settings"
+  },
+  "localename": {
+    "defaultMessage": "Français",
+    "description": "The name of the locale, shown in the language selection menu. Must be translated to the language's name"
+  },
+  "IpvWiZ": {
+    "defaultMessage": "Serveur",
+    "description": "Drawer menu for Server"
+  }
+}
diff --git a/next-ui/package.json b/next-ui/package.json
index 1b6df867..9bf34461 100644
--- a/next-ui/package.json
+++ b/next-ui/package.json
@@ -11,7 +11,8 @@
     "type-check": "vue-tsc --build --force",
     "lint": "eslint . --fix",
     "openapi-generate": "npx tsx ./openapi-generator.mts",
-    "i18n-extract": "formatjs extract \"src/**/*.{ts,tsx,vue}\" --ignore=\"**/*.d.ts\" --out-file src/i18n/en.json"
+    "i18n-extract": "formatjs extract \"src/**/*.{ts,tsx,vue}\" --ignore=\"**/*.d.ts\" --out-file src/i18n/en.json",
+    "i18n-compile": "formatjs compile-folder i18n src/i18n"
   },
   "dependencies": {
     "@pinia/colada": "^0.16.1",
diff --git a/next-ui/src/components/app/drawer/AppDrawerMenuServer.vue b/next-ui/src/components/app/drawer/AppDrawerMenuServer.vue
index d10819f4..d60d6d6a 100644
--- a/next-ui/src/components/app/drawer/AppDrawerMenuServer.vue
+++ b/next-ui/src/components/app/drawer/AppDrawerMenuServer.vue
@@ -6,7 +6,11 @@
     <template #activator="{ props }">
       <v-list-item
         v-bind="props"
-        title="Server"
+        :title="$formatMessage({
+          description: 'Drawer menu for Server',
+          defaultMessage: 'Server',
+          id: 'IpvWiZ'
+        })"
         prepend-icon="mdi-cog"
       >
         <template #prepend>
@@ -24,33 +28,44 @@
 
     <v-list-item
       to="/server/users"
-      title="Users"
+      :title="$formatMessage({
+        description: 'Drawer menu for Users',
+        defaultMessage: 'Users',
+        id: 'BXkzdX'
+      })"
     />
     <v-list-item
       to="/server/settings"
-    >
-      <v-list-item-title>
-        {{
-          $formatMessage({
-            description: 'Drawer menu for Server Settings',
-            defaultMessage: 'Settings',
-            id: '9yKJ2S'
-          })
-        }}
-      </v-list-item-title>
-    </v-list-item>
+      :title="$formatMessage({
+        description: 'Drawer menu for Server Settings',
+        defaultMessage: 'Settings',
+        id: '9yKJ2S'
+      })"
+    />
     <v-list-item
       to="/server/ui"
-      title="User Interface"
+      :title="$formatMessage({
+        description: 'Drawer menu for User Interface',
+        defaultMessage: 'User Interface',
+        id: '8dsA6c'
+      })"
     />
     <v-list-item
       to="/server/metrics"
-      title="Metrics"
+      :title="$formatMessage({
+        description: 'Drawer menu for Metrics',
+        defaultMessage: 'Metrics',
+        id: 'nr3gEG'
+      })"
     />
 
     <v-list-item
       to="/server/announcements"
-      title="Announcements"
+      :title="$formatMessage({
+        description: 'Drawer menu for Announcements',
+        defaultMessage: 'Announcements',
+        id: 'Nn5L5Q'
+      })"
     >
       <template #append>
         <v-badge
@@ -64,7 +79,11 @@
 
     <v-list-item
       to="/server/updates"
-      title="Updates"
+      :title="$formatMessage({
+        description: 'Drawer menu for Updates',
+        defaultMessage: 'Updates',
+        id: 'nGrxDH'
+      })"
     />
   </v-list-group>
 </template>
diff --git a/next-ui/src/i18n/en.json b/next-ui/src/i18n/en.json
index 2d09c102..9cffb805 100644
--- a/next-ui/src/i18n/en.json
+++ b/next-ui/src/i18n/en.json
@@ -1,10 +1,34 @@
 {
+  "8dsA6c": {
+    "defaultMessage": "User Interface",
+    "description": "Drawer menu for User Interface"
+  },
   "9yKJ2S": {
     "defaultMessage": "Settings",
     "description": "Drawer menu for Server Settings"
   },
+  "BXkzdX": {
+    "defaultMessage": "Users",
+    "description": "Drawer menu for Users"
+  },
+  "IpvWiZ": {
+    "defaultMessage": "Server",
+    "description": "Drawer menu for Server"
+  },
+  "Nn5L5Q": {
+    "defaultMessage": "Announcements",
+    "description": "Drawer menu for Announcements"
+  },
   "localename": {
     "defaultMessage": "English",
     "description": "The name of the locale, shown in the language selection menu. Must be translated to the language's name"
+  },
+  "nGrxDH": {
+    "defaultMessage": "Updates",
+    "description": "Drawer menu for Updates"
+  },
+  "nr3gEG": {
+    "defaultMessage": "Metrics",
+    "description": "Drawer menu for Metrics"
   }
 }
diff --git a/next-ui/src/i18n/fr.json b/next-ui/src/i18n/fr.json
index a6bb1e68..0bb1ec9e 100644
--- a/next-ui/src/i18n/fr.json
+++ b/next-ui/src/i18n/fr.json
@@ -1,10 +1,5 @@
 {
-  "9yKJ2S": {
-    "defaultMessage": "Réglages",
-    "description": "Drawer menu for Server Settings"
-  },
-  "localename": {
-    "defaultMessage": "Français",
-    "description": "The name of the locale, shown in the language selection menu. Must be translated to the language's name"
-  }
-}
+  "9yKJ2S": "Réglages",
+  "IpvWiZ": "Serveur",
+  "localename": "Français"
+}
\ No newline at end of file
diff --git a/next-ui/src/utils/locale-helper.ts b/next-ui/src/utils/locale-helper.ts
index d7fbda9c..b5516c0f 100644
--- a/next-ui/src/utils/locale-helper.ts
+++ b/next-ui/src/utils/locale-helper.ts
@@ -2,6 +2,7 @@ import {defineMessage} from 'vue-intl'
 
 export const defaultLocale = 'en'
 
+// eslint-disable-next-line
 const localeName = defineMessage({
   description: 'The name of the locale, shown in the language selection menu. Must be translated to the language\'s name',
   defaultMessage: 'English',
@@ -26,8 +27,8 @@ async function loadAvailableLocales(): Promise<Record<string, string>> {
     const matched = path.match(/([A-Za-z0-9-_]+)\./i)
     if (matched && matched.length > 1) {
       const locale = matched[1]
-      const messages = await localeFiles[path]!() as Record<string, {defaultMessage: string}>
-      locales[locale!] = messages[localeName.id]!.defaultMessage
+      const messages = await localeFiles[path]!() as Record<string, string>
+      locales[locale!] = messages[localeName.id]!
     }
   }
   return locales