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/pt/data.json

@@ -218,6 +218,8 @@
     "Forget URL - Tooltip": "URL personalizada para a página de \"Esqueci a senha\". Se não definido, será usada a página padrão de \"Esqueci a senha\" do Casdoor. Quando definido, o link de \"Esqueci a senha\" na página de login será redirecionado para esta URL",
     "Found some texts still not translated? Please help us translate at": "Encontrou algum texto ainda não traduzido? Ajude-nos a traduzir em",
     "Go to writable demo site?": "Acessar o site de demonstração gravável?",
+    "Groups": "Groups",
+    "Groups - Tooltip": "Groups - Tooltip",
     "Home": "Página Inicial",
     "Home - Tooltip": "Página inicial do aplicativo",
     "ID": "ID",
@@ -311,6 +313,8 @@
     "This is a read-only demo site!": "Este é um site de demonstração apenas para leitura!",
     "Timestamp": "Carimbo de Data/Hora",
     "Tokens": "Tokens",
+    "Type": "Type",
+    "Type - Tooltip": "Type - Tooltip",
     "URL": "URL",
     "URL - Tooltip": "Link da URL",
     "Up": "Acima",
@@ -323,9 +327,18 @@
     "Users": "Usuários",
     "Users under all organizations": "Usuários em todas as organizações",
     "Webhooks": "Webhooks",
+    "You can only select one physical group": "You can only select one physical group",
     "empty": "vazio",
     "{total} in total": "{total} no 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": "Administrador",
     "Admin - Tooltip": "CN ou ID do administrador do servidor LDAP",
@@ -539,8 +552,6 @@
     "Edit Pricing": "Edit Pricing",
     "Free": "Miễn phí",
     "Getting started": "Bắt đầu",
-    "Has trial": "Có thời gian thử nghiệm",
-    "Has trial - Tooltip": "Khả dụng thời gian thử nghiệm sau khi chọn kế hoạch",
     "New Pricing": "New Pricing",
     "Trial duration": "Thời gian thử nghiệm",
     "Trial duration - Tooltip": "Thời gian thử nghiệm",