Fix devcontainer setup and bump node version to 22 (#2652)

.devcontainer/Dockerfile

@@ -1,7 +1,7 @@
 # See here for image contents: https://github.com/microsoft/vscode-dev-containers/tree/v0.158.0/containers/typescript-node/.devcontainer/base.Dockerfile
 
-ARG VARIANT="18"
-FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:0-${VARIANT}
+ARG VARIANT="22"
+FROM mcr.microsoft.com/vscode/devcontainers/typescript-node:${VARIANT}
 
 # Set an environment variable to be able to detect we are in dev container
 ENV NODE_ENV=devcontainer

.devcontainer/devcontainer.json

@@ -4,24 +4,29 @@
     "dockerfile": "Dockerfile",
     "context": ".."
   },
-  "appPort": [3000],
+  "appPort": ["3000:3000"],
   "postCreateCommand": "script/setup",
-  "extensions": [
-    "davidanson.vscode-markdownlint",
-    "editorconfig.editorconfig",
-    "streetsidesoftware.code-spell-checker",
-    "yzhang.markdown-all-in-one",
-    "esbenp.prettier-vscode"
-  ],
-  "settings": {
-    "editor.rulers": [80, 100, 120],
-    "editor.renderWhitespace": "boundary",
-    "errorLens.gutterIconsEnabled": true,
-    "errorLens.addAnnotationTextPrefixes": false,
-    "errorLens.enabledDiagnosticLevels": ["error", "warning"],
-    "[markdown]": {
-      "editor.wordWrap": "wordWrapColumn",
-      "editor.wordWrapColumn": 80
+  "customizations": {
+    "vscode": {
+
+      "extensions": [
+        "davidanson.vscode-markdownlint",
+        "editorconfig.editorconfig",
+        "streetsidesoftware.code-spell-checker",
+        "yzhang.markdown-all-in-one",
+        "esbenp.prettier-vscode"
+      ],
+      "settings": {
+        "editor.rulers": [80, 100, 120],
+        "editor.renderWhitespace": "boundary",
+        "errorLens.gutterIconsEnabled": true,
+        "errorLens.addAnnotationTextPrefixes": false,
+        "errorLens.enabledDiagnosticLevels": ["error", "warning"],
+        "[markdown]": {
+          "editor.wordWrap": "wordWrapColumn",
+          "editor.wordWrapColumn": 80
+        }
+      }
     }
   },
   // Comment out connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.