use base dev container image

Author: kynrai

.claude/settings.local.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": ["WebFetch(domain:templ.guide)"],
+    "deny": [],
+    "ask": []
+  }
+}

.devcontainer/Dockerfile

@@ -1,11 +1,14 @@
 {
     "name": "FS App",
-    "build": {
-        "dockerfile": "Dockerfile",
-        "context": ".."
+    "image": "mcr.microsoft.com/devcontainers/base:ubuntu",
+    "features": {
+        "ghcr.io/devcontainers/features/go:1": {
+            "version": "1.25.1"
+        },
+        "ghcr.io/devcontainers/features/node:1": {
+            "version": "lts"
+        }
     },
-    // Features to add to the dev container. More info: https://containers.dev/features.
-    // "features": {},
     "customizations": {
         "vscode": {
             "settings": {},
@@ -25,5 +28,9 @@
             "onAutoForward": "notify"
         }
     },
-    "postCreateCommand": "npm install"
+    "postCreateCommand": {
+        "npm install": "npm install",
+        "go install templ": "go install github.com/a-h/templ/cmd/templ@latest",
+        "go install gopls": "go install golang.org/x/tools/gopls@latest"
+    }
 }

.devcontainer/devcontainer.json

@@ -5,7 +5,7 @@ templ layout(header, body templ.Component) {
 		<div>
 			@header
 		</div>
-		<div>
+		<div class="p-4">
 			@body
 		</div>
 	</main>