refactor(ui-common): implement MaterialReactTable

webapp/package.json

@@ -3,7 +3,7 @@
   "version": "2.14.4",
   "private": true,
   "engines": {
-    "node": "^14"
+    "node": "18.12.0"
   },
   "dependencies": {
     "@emotion/react": "11.10.6",
@@ -42,6 +42,7 @@
     "js-cookie": "3.0.1",
     "jwt-decode": "3.1.2",
     "lodash": "4.17.21",
+    "material-react-table": "^1.14.0",
     "moment": "2.29.4",
     "notistack": "2.0.8",
     "os": "0.1.2",

webapp/public/locales/en/main.json

@@ -112,6 +112,7 @@
   "form.submit.inProgress": "The form is being submitted. Are you sure you want to leave the page?",
   "form.asyncDefaultValues.error": "Failed to get values",
   "form.field.required": "Field required",
+  "form.field.duplicate": "{{0}} already exists",
   "form.field.minLength": "{{0}} character(s) minimum",
   "form.field.minValue": "The minimum value is {{0}}",
   "form.field.maxValue": "The maximum value is {{0}}",

webapp/public/locales/fr/main.json

@@ -112,6 +112,7 @@
   "form.submit.inProgress": "Le formulaire est en cours de soumission. Etes-vous sûr de vouloir quitter la page ?",
   "form.asyncDefaultValues.error": "Impossible d'obtenir les valeurs",
   "form.field.required": "Champ requis",
+  "form.field.duplicate": "{{0}} cette valeur existe déjà", 
   "form.field.minLength": "{{0}} caractère(s) minimum",
   "form.field.minValue": "La valeur minimum est {{0}}",
   "form.field.maxValue": "La valeur maximum est {{0}}",