Added French language support (#9173)

### What problem does this PR solve?
Implemented French UI translation

### Type of change
- [x] New Feature (non-breaking change which adds functionality)

---------

Co-authored-by: ramin cedric <>
Co-authored-by: Liu An <asiro@qq.com>

web/src/constants/common.ts

   'Japanese',
   'Portuguese BR',
   'German',
+  'French',
 ];
-
 export const LanguageMap = {
   English: 'English',
   Chinese: '简体中文',
   Japanese: '日本語',
   'Portuguese BR': 'Português BR',
   German: 'German',
+  French: 'Français',
 };
 
 export enum LanguageAbbreviation {
   Vi = 'vi',
   PtBr = 'pt-BR',
   De = 'de',
+  Fr = 'fr',
 }
 
 export const LanguageAbbreviationMap = {
   [LanguageAbbreviation.Ja]: '日本語',
   [LanguageAbbreviation.PtBr]: 'Português BR',
   [LanguageAbbreviation.De]: 'Deutsch',
+  [LanguageAbbreviation.Fr]: 'Français',
 };
 
 export const LanguageTranslationMap = {
   Japanese: 'ja',
   'Portuguese BR': 'pt-br',
   German: 'de',
+  French: 'fr',
 };
 
 export enum FileMimeType {

web/src/locales/config.ts

 import translation_de from './de';
 import translation_en from './en';
 import translation_es from './es';
+import translation_fr from './fr';
 import translation_id from './id';
 import translation_ja from './ja';
 import translation_pt_br from './pt-br';
   [LanguageAbbreviation.Vi]: translation_vi,
   [LanguageAbbreviation.PtBr]: translation_pt_br,
   [LanguageAbbreviation.De]: translation_de,
+  [LanguageAbbreviation.Fr]: translation_fr,
 };
 const enFlattened = flattenObject(translation_en);
 const viFlattened = flattenObject(translation_vi);
 const pt_brFlattened = flattenObject(translation_pt_br);
 const zh_traditionalFlattened = flattenObject(translation_zh_traditional);
 const deFlattened = flattenObject(translation_de);
+const frFlattened = flattenObject(translation_fr);
 export const translationTable = createTranslationTable(
   [
     enFlattened,
     jaFlattened,
     pt_brFlattened,
     deFlattened,
+    frFlattened,
   ],
   [
     'English',
     'ja',
     'pt-BR',
     'Deutsch',
+    'French',
   ],
 );
 i18n

web/src/pages/agent/options.ts

     value: 'de',
     label: 'Deutsch',
   },
+  {
+    value: 'fr',
+    label: 'Français',
+  },
   {
     value: 'et',
     label: 'Eesti',

web/src/pages/flow/constant.tsx

     value: 'de',
     label: 'Deutsch',
   },
+  {
+    value: 'fr',
+    label: 'Français',
+  },
   {
     value: 'et',
     label: 'Eesti',