fix: Use default messages from en as fallback if messages are missing in another locale

apps/site/i18n.tsx

@@ -1,22 +1,28 @@
 import { importLocale } from '@node-core/website-i18n';
+import deepmerge from 'deepmerge';
 import { getRequestConfig } from 'next-intl/server';
 
 import { availableLocaleCodes } from '@/next.locales.mjs';
 
 // Loads the Application Locales/Translations Dynamically
 const loadLocaleDictionary = async (locale: string) => {
+  // This enables HMR on the English Locale, so that instant refresh
+  // happens while we add/change texts on the source locale
+  const defaultMessages = await import(
+    '@node-core/website-i18n/locales/en.json'
+  ).then(f => f.default);
+
   if (locale === 'en') {
-    // This enables HMR on the English Locale, so that instant refresh
-    // happens while we add/change texts on the source locale
-    return import('@node-core/website-i18n/locales/en.json').then(
-      f => f.default
-    );
+    return defaultMessages;
   }
 
   if (availableLocaleCodes.includes(locale)) {
     // Other languages don't really require HMR as they will never be development languages
     // so we can load them dynamically
-    return importLocale(locale);
+    const messages = await importLocale(locale);
+
+    // Use default messages as fallback
+    return deepmerge(defaultMessages, messages);
   }
 
   throw new Error(`Unsupported locale: ${locale}`);

apps/site/package.json

@@ -63,6 +63,7 @@
     "classnames": "~2.5.1",
     "cross-env": "7.0.3",
     "dedent": "1.5.3",
+    "deepmerge": "^4.3.1",
     "feed": "~4.2.2",
     "github-slugger": "~2.0.0",
     "glob": "~11.0.0",