🌎 i18n: React-i18next & i18next Integration (#5720)

* better i18n support an internationalization-framework.

* removed unused package

* auto sort for translation.json

* fixed tests with the new locales function

* added new CI actions from locize

* to use locize a mention in the README.md

* to use locize a mention in the README.md

* updated README.md and added TRANSLATION.md to the repo

* updated TRANSLATION.md badges

* updated README.md to go to the TRANSLATION.md when clicking on the Translation Progress badge

* updated TRANSLATION.md and added a new issue template.

* updated TRANSLATION.md and added a new issue template.

* updated issue template to add the iso code link.

* updated the new GitHub actions for `locize`

* updated label for new issue template --> i18n

* fixed type issue

* Fix eslint

* Fix eslint with key-spacing spacing

* fix: error type

* fix: handle undefined values in SortFilterHeader component

* fix: typing in Image component

* fix: handle optional promptGroup in PromptCard component

* fix: update localize function to accept string type and remove unnecessary JSX element

* fix: update localize function to enforce TranslationKeys type for better type safety

* fix: improve type safety and handle null values in Assistants component

* fix: enhance null checks for fileId in FilesListView component

* fix: localize 'Go back' button text in FilesListView component

* fix: update aria-label for menu buttons and add translation for 'Close Menu'

* docs: add Reasoning UI section for Chain-of-Thought AI models in README

* fix: enhance type safety by adding type for message in MultiMessage component

* fix: improve null checks and optional chaining in useAutoSave hook

* fix: improve handling of optional properties in cleanupPreset function

* fix: ensure isFetchingNextPage defaults to false and improve null checks for messages in Search component

* fix: enhance type safety and null checks in useBuildMessageTree hook

---------

Co-authored-by: Danny Avila <danny@librechat.ai>

client/src/hooks/Messages/useBuildMessageTree.ts

@@ -20,19 +20,19 @@ export default function useBuildMessageTree() {
     recursive = false,
   }: {
     messageId: string | null | undefined;
-    message: TMessage | null;
-    messages: TMessage[] | null;
+    message: Partial<TMessage> | null;
+    messages: Array<Partial<TMessage> | undefined> | null;
     branches?: boolean;
     recursive?: boolean;
-  }): Promise<TMessage | TMessage[]> => {
-    let children: TMessage[] = [];
-    if (messages?.length) {
+  }): Promise<TMessage | Array<Partial<TMessage> | undefined>> => {
+    let children: Array<Partial<TMessage> | undefined> = [];
+    if (messages?.length != null && messages.length > 0) {
       if (branches) {
         for (const message of messages) {
           children.push(
             (await buildMessageTree({
               messageId: message?.messageId,
-              message: message,
+              message: message as TMessage,
               messages: message?.children || [],
               branches,
               recursive,
@@ -41,7 +41,7 @@ export default function useBuildMessageTree() {
         }
       } else {
         let message = messages[0];
-        if (messages?.length > 1) {
+        if (messages.length > 1) {
           const siblingIdx = await getSiblingIdx(messageId);
           message = messages[messages.length - siblingIdx - 1];
         }
@@ -49,7 +49,7 @@ export default function useBuildMessageTree() {
         children = [
           (await buildMessageTree({
             messageId: message?.messageId,
-            message: message,
+            message: message as TMessage,
             messages: message?.children || [],
             branches,
             recursive,
@@ -59,16 +59,16 @@ export default function useBuildMessageTree() {
     }
 
     if (recursive && message) {
-      return { ...message, children: children };
+      return { ...(message as TMessage), children: children as TMessage[] };
     } else {
       let ret: TMessage[] = [];
       if (message) {
         const _message = { ...message };
         delete _message.children;
-        ret = [_message];
+        ret = [_message as TMessage];
       }
       for (const child of children) {
-        ret = ret.concat(child);
+        ret = ret.concat(child as TMessage);
       }
       return ret;
     }