chore: update dev container tools (#9593)

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
Co-authored-by: arii <342438+arii@users.noreply.github.com>

Author: arii

.devcontainer/devcontainer.json

@@ -1,20 +1,28 @@
 {
-  "name": "Node.js & TypeScript",
+  "name": "HRM Development Environment",
   "image": "mcr.microsoft.com/devcontainers/typescript-node:20-bullseye",
-  "forwardPorts": [3000, 9229],
+  "features": {
+    "ghcr.io/devcontainers/features/github-cli:1": {}
+  },
+  "forwardPorts": [3000, 8080, 9229],
+  "postCreateCommand": "bash .devcontainer/post-create.sh",
   "customizations": {
     "vscode": {
       "extensions": [
         "dbaeumer.vscode-eslint",
         "esbenp.prettier-vscode",
+        "bradlc.vscode-tailwindcss",
         "ms-playwright.playwright",
-        "ms-vscode.vscode-typescript-next",
-        "eamodio.gitlens",
-        "mhutchie.git-graph",
         "github.vscode-pull-request-github",
-        "humao.rest-client"
-      ]
+        "firsttris.vscode-jest-runner"
+      ],
+      "settings": {
+        "editor.formatOnSave": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode",
+        "editor.codeActionsOnSave": {
+          "source.fixAll.eslint": "explicit"
+        }
+      }
     }
-  },
-  "postCreateCommand": "bash .devcontainer/post-create.sh"
+  }
 }

.devcontainer/post-create.sh

@@ -3,11 +3,14 @@ set -e
 
 echo "Starting post-create setup..."
 
+echo "Installing jq..."
+sudo apt-get update && sudo apt-get install -y jq
+
 # Run the main setup script
 bash scripts/setup.sh
 
 # Install Playwright browsers and dependencies
 echo "Installing Playwright browsers..."
 npx playwright install --with-deps
 
-echo "Dev container setup complete."
+echo "Dev container setup complete."