docs: add more screenshots

Author: ammario

README.md

@@ -56,9 +56,30 @@ Download pre-built binaries from [the releases page](https://github.com/coder/cm
 
 ## Screenshots
 
-![Screenshot of mermaid diagram](./docs/img/plan-mermaid.webp)
-
-> Mermaid diagrams make it easier to review complex proposals from the Agent
+<figure>
+  <img src="./docs/img/plan-mermaid.webp" alt="Screenshot of mermaid diagram" />
+  <figcaption>Mermaid diagrams make it easier to review complex proposals from the Agent</figcaption>
+</figure>
+
+<figure>
+  <img src="./docs/img/git-status.webp" alt="Screenshot of git status" />
+  <figcaption>Git divergence UI keeps you looped in on changes and potential conflicts</figcaption>
+</figure>
+
+<figure>
+  <img src="./docs/img/project-secrets.webp" alt="Screenshot of project secrets" />
+  <figcaption>Project secrets help split your Human and Agent identities</figcaption>
+</figure>
+
+<figure>
+  <img src="./docs/img/costs-tab.webp" alt="Screenshot of costs table" />
+  <figcaption>Stay looped in on costs and token consumption</figcaption>
+</figure>
+
+<figure>
+  <img src="./docs/img/opportunistic-compaction.webp" alt="Screenshot of opportunistic compaction" />
+  <figcaption>Opportunistic compaction helps keep context small</figcaption>
+</figure>
 
 ## Development