chore: update Dockerfile and devcontainer configuration to include NX version and enhance VSCode settings

.devcontainer/Dockerfile

@@ -2,7 +2,15 @@ ARG VARIANT=24-bookworm
 FROM mcr.microsoft.com/devcontainers/javascript-node:${VARIANT}
 
 ARG PNPM_VERSION=11.5.0
+ARG NX_VERSION=22.7.4
+
+ENV PNPM_HOME=/home/node/.local/share/pnpm
+ENV PNPM_GLOBAL_BIN=/home/node/.local/share/pnpm/bin
+ENV PATH=${PNPM_HOME}:${PNPM_GLOBAL_BIN}:${PATH}
 
 # Configure Corepack-managed pnpm globally at image build time.
 RUN corepack enable \
-    && corepack prepare pnpm@${PNPM_VERSION} --activate
+    && corepack prepare pnpm@${PNPM_VERSION} --activate \
+    && mkdir -p ${PNPM_HOME} ${PNPM_GLOBAL_BIN} \
+    && chown -R node:node /home/node/.local \
+    && su node -c "pnpm config set global-bin-dir ${PNPM_GLOBAL_BIN} && pnpm add --global nx@${NX_VERSION}"

.devcontainer/devcontainer.json

@@ -8,7 +8,8 @@
     "context": "..",
     "args": {
       "VARIANT": "24-bookworm",
-      "PNPM_VERSION": "11.5.0"
+      "PNPM_VERSION": "11.5.0",
+      "NX_VERSION": "22.7.4"
     }
   },
 
@@ -22,8 +23,24 @@
 
   "customizations": {
     "vscode": {
-      "settings": {},
+      "settings": {
-      "extensions": ["streetsidesoftware.code-spell-checker"]
+        "stylelint.enable": true,
+        "css.validate": false,
+        "scss.validate": false,
+        "stylelint.configFile": "${workspaceFolder}/.stylelintrc.json",
+        "stylelint.configBasedir": "${workspaceFolder}",
+        "stylelint.validate": ["css", "less", "postcss", "scss"],
+        "editor.guides.indentation": true
+      },
+      "extensions": [
+        "streetsidesoftware.code-spell-checker",
+        "dbaeumer.vscode-eslint",
+        "angular.ng-template",
+        "esbenp.prettier-vscode",
+        "nrwl.angular-console",
+        "editorconfig.editorconfig",
+        "stylelint.vscode-stylelint"
+      ]
     }
   },