Upgrade to Blueprint v5 (source-academy#2718)

* Replace deprecated `ITreeNode` with `TreeNodeInfo`

Done as per migration guide.

* Upgrade BlueprintJS dependencies to v5

* Use public `IconName` type instead of internal API

Fixes a compile error following the version upgrade.

* Migrate to `Datetime2` package

Resolves the issue with the deprecated `DateInput` component. Also made
the necessary API changes for the migration.

* Update prop name

Fixes the breaking change introduced by the Blueprint v5 upgrade.

* Update test snapshots

* Reran `yarn install` post-merge

* Update snapshots post-merge

* Update SCSS namespace

* Fix popover styles

Update the target classes to match the new components.

* Revert Env Vizualiser snapshot change

* Fix TreeNode comparison to compare id instead of object reference

---------

Co-authored-by: sayomaki <sayomayomaki@gmail.com>

Author: 2 people

package.json

@@ -26,11 +26,11 @@
     "prepare": "husky"
   },
   "dependencies": {
-    "@blueprintjs/core": "^4.20.1",
-    "@blueprintjs/datetime": "^4.4.37",
-    "@blueprintjs/icons": "^4.16.0",
-    "@blueprintjs/popover2": "^1.14.11",
-    "@blueprintjs/select": "^4.9.24",
+    "@blueprintjs/core": "^5.7.0",
+    "@blueprintjs/datetime2": "^2.2.7",
+    "@blueprintjs/icons": "^5.5.0",
+    "@blueprintjs/popover2": "^2.0.0",
+    "@blueprintjs/select": "^5.0.0",
     "@octokit/rest": "^20.0.0",
     "@sentry/browser": "^7.57.0",
     "@sourceacademy/sharedb-ace": "^2.0.2",

src/commons/__tests__/__snapshots__/ContentDisplay.tsx.snap

@@ -8,7 +8,7 @@ exports[`ContentDisplay page renders correctly 1`] = `
     className="col-md-10 col-xs-11 contentdisplay-content-parent"
   >
     <div
-      className="bp4-card bp4-elevation-3 contentdisplay-content"
+      className="contentdisplay-content bp5-card bp5-elevation-3"
     >
       <div>
          Test Content 

src/commons/__tests__/__snapshots__/Markdown.tsx.snap

@@ -2,7 +2,7 @@
 
 exports[`Markdown page renders correctly 1`] = `
 <div
-  className="md bp4-running-text"
+  className="md bp5-running-text"
   dangerouslySetInnerHTML={
     Object {
       "__html": "<p>Welcome to the Source Academy playground!</p>