feat: Add tree structure to organization page (#1910)

* rebase master

* feat: add group in userEditPage

* feat: use id as the pk

* feat: add groups item in user

* feat: add tree component

* rebase

* feat: ui

* fix: fix some bug

* fix: route

* fix: ui

* fix: improve ui

web/src/locales/fr/data.json

@@ -218,6 +218,8 @@
     "Forget URL - Tooltip": "URL personnalisée pour la page \"Mot de passe oublié\". Si elle n'est pas définie, la page par défaut \"Mot de passe oublié\" de Casdoor sera utilisée. Lorsqu'elle est définie, le lien \"Mot de passe oublié\" sur la page de connexion sera redirigé vers cette URL",
     "Found some texts still not translated? Please help us translate at": "Trouvé des textes encore non traduits ? Veuillez nous aider à les traduire",
     "Go to writable demo site?": "Allez sur le site de démonstration modifiable ?",
+    "Groups": "Groups",
+    "Groups - Tooltip": "Groups - Tooltip",
     "Home": "Maison",
     "Home - Tooltip": "Page d'accueil de l'application",
     "ID": "Identité",
@@ -311,6 +313,8 @@
     "This is a read-only demo site!": "Ceci est un site de démonstration en lecture seule !",
     "Timestamp": "Horodatage",
     "Tokens": "Les jetons",
+    "Type": "Type",
+    "Type - Tooltip": "Type - Tooltip",
     "URL": "URL",
     "URL - Tooltip": "Lien d'URL",
     "Up": "Haut",
@@ -323,9 +327,18 @@
     "Users": "Utilisateurs",
     "Users under all organizations": "Utilisateurs sous toutes les organisations",
     "Webhooks": "Webhooks",
+    "You can only select one physical group": "You can only select one physical group",
     "empty": "vide",
     "{total} in total": "{total} au total"
   },
+  "group": {
+    "Edit Group": "Edit Group",
+    "New Group": "New Group",
+    "Parent group": "Parent group",
+    "Parent group - Tooltip": "Parent group - Tooltip",
+    "Physical": "Physical",
+    "Virtual": "Virtual"
+  },
   "ldap": {
     "Admin": "Admin",
     "Admin - Tooltip": "CN ou ID de l'administrateur du serveur LDAP",
@@ -539,8 +552,6 @@
     "Edit Pricing": "Edit Pricing",
     "Free": "Gratuit",
     "Getting started": "Commencer",
-    "Has trial": "Essai gratuit disponible",
-    "Has trial - Tooltip": "Disponibilité de la période d'essai après avoir choisi un forfait",
     "New Pricing": "New Pricing",
     "Trial duration": "Durée de l'essai",
     "Trial duration - Tooltip": "Durée de la période d'essai",