training.tsx still a bit messy, all that is left is to retrieve data from firestore /training and /walkthrough and render it

package.json

@@ -19,6 +19,7 @@
     "@paypal/paypal-js": "^7.1.0",
     "@paypal/react-paypal-js": "^8.1.3",
     "@react-pdf/renderer": "^3.1.14",
+    "@react-spring/web": "^9.7.4",
     "@tanstack/react-table": "^8.10.1",
     "@types/node": "18.13.0",
     "@types/react": "18.0.27",
@@ -67,6 +68,7 @@
     "react-select": "^5.7.5",
     "react-string-replace": "^1.1.0",
     "react-toastify": "^9.1.2",
+    "react-tooltip": "^5.27.1",
     "react-xarrows": "^2.0.2",
     "read-excel-file": "^5.7.1",
     "short-unique-id": "5.0.2",
@@ -77,8 +79,7 @@
     "use-file-picker": "^2.1.0",
     "uuid": "^9.0.0",
     "wavesurfer.js": "^6.6.4",
-    "zustand": "^4.3.6",
-    "react-tooltip": "^5.27.1"
+    "zustand": "^4.3.6"
   },
   "devDependencies": {
     "@types/blob-stream": "^0.1.33",