New groot page (#28)

Author: facontidavide

src/pages/migration.md renamed to docs/migration.md

@@ -1,7 +1,8 @@
 ---
-title: Migration to BT.CPP 4.x
+title: Migration from BT.CPP 3.x
 description: How to migrate your code from version 3.X
 hide_table_of_contents: false
+sidebar_position: 7
 ---
 
 # Migrating from version 3.X to 4.X

docs/tutorial-basics/images/t12_groot_models.png

@@ -39,20 +39,25 @@ These models are expressed in XML. In this case, they would be:
 Nevertheless, **you should not create these
 XML descriptions by hand**.
 
-BT.CPP has a specific function that, will
-generate this XML for you, after the
-Node types were registered into the factory.
+BT.CPP has a specific function that will
+generate this XML for you.
 
 ```cpp
   BT::BehaviorTreeFactory factory;
+  //
   // register here your user-defined Nodes
-  // ...
+  // 
   std::string xml_models = BT::writeTreeNodesModelXML(factory);
 
   // this xml_models should be saved to file and 
   // loaded in Groot2
 ```
 
+To import these models into the UI, either:
+
+- Save the XML into a file (called for instance `models.xml`) and click on the button **Import Models** in Groot2.
+- or manually add the XML section directly to your `.xml` or `.btproj` file.
+
 ## Adding real-time visualization to Groot
 
 :::note

docs/tutorial-basics/tutorial_12_groot2.md

@@ -91,20 +91,8 @@ const config = {
           },
           {
             position: 'left',
-            label: 'Tools',
-            items: [
-              {
-                to: '/groot', 
-                label: 'Groot'
-              },
-              {
-                to: '/moveit_studio', 
-                label: 'MoveIt Studio'
-              }
-            ]
-          },
-          {
-            to: '/migration', label: 'Migration from 3.X', position: 'left'
+            label: 'Groot2',
+            to: '/groot', 
           },
           {
             type: 'docsVersionDropdown',

docusaurus.config.js

@@ -16,9 +16,9 @@
   "dependencies": {
     "@cmfcmf/docusaurus-search-local": "^0.11.0",
     "@dipakparmar/docusaurus-plugin-umami": "^2.0.2",
-    "@docusaurus/core": "^2.4.0",
-    "@docusaurus/plugin-ideal-image": "^2.4.0",
-    "@docusaurus/preset-classic": "^2.4.0",
+    "@docusaurus/core": "^2.4.1",
+    "@docusaurus/plugin-ideal-image": "^2.4.1",
+    "@docusaurus/preset-classic": "^2.4.1",
     "@mdx-js/react": "^1.6.22",
     "autoprefixer": "^10.4.13",
     "bootstrap": "^5.2.3",
@@ -32,7 +32,7 @@
     "react-responsive-carousel": "^3.2.23"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.4.0"
+    "@docusaurus/module-type-aliases": "^2.4.1"
   },
   "browserslist": {
     "production": [