fix: reduce image width for MCP status badges in README files

Author: Justineo

README.md

@@ -233,23 +233,23 @@ When MCP is enabled, a badge appears in the TemPad Dev panel title bar showing t
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-unavailable-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-unavailable-light.png">
-  <img alt="MCP status badge showing Unavailable." src="packages/extension/assets/mcp-unavailable-light.png" width="720">
+  <img alt="MCP status badge showing Unavailable." src="packages/extension/assets/mcp-unavailable-light.png" width="360">
 </picture>
 
 - **Inactive**: TemPad Dev is connected to a local MCP server, but this tab is not currently active because multiple Figma tabs are open. Click the badge to activate MCP for this tab (this deactivates MCP in other tabs).
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-inactive-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-inactive-light.png">
-  <img alt="MCP status badge showing Inactive." src="packages/extension/assets/mcp-inactive-light.png" width="720">
+  <img alt="MCP status badge showing Inactive." src="packages/extension/assets/mcp-inactive-light.png" width="360">
 </picture>
 
 - **Active**: The MCP server is running, and this tab is active and ready to respond to MCP tool calls.
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-active-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-active-light.png">
-  <img alt="MCP status badge showing Active." src="packages/extension/assets/mcp-active-light.png" width="720">
+  <img alt="MCP status badge showing Active." src="packages/extension/assets/mcp-active-light.png" width="360">
 </picture>
 
 ### Configuration

README.zh-Hans.md

@@ -232,23 +232,23 @@ TemPad Dev 内置了一个 [MCP](https://modelcontextprotocol.io/) 服务器，
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-unavailable-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-unavailable-light.png">
-  <img alt="MCP 状态徽标，显示为 Unavailable。" src="packages/extension/assets/mcp-unavailable-light.png" width="720">
+  <img alt="MCP 状态徽标，显示为 Unavailable。" src="packages/extension/assets/mcp-unavailable-light.png" width="360">
 </picture>
 
 - **Inactive**：TemPad Dev 已连接到本地 MCP 服务器，但由于打开了多个 Figma 标签页，此标签页当前未激活。点击徽标即可为当前标签页激活 MCP（同时会停用其他标签页的 MCP）。
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-inactive-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-inactive-light.png">
-  <img alt="MCP 状态徽标，显示为 Inactive。" src="packages/extension/assets/mcp-inactive-light.png" width="720">
+  <img alt="MCP 状态徽标，显示为 Inactive。" src="packages/extension/assets/mcp-inactive-light.png" width="360">
 </picture>
 
 - **Active**：MCP 服务器正在运行，并且当前标签页已激活，可随时响应 MCP 工具调用。
 
 <picture>
   <source media="(prefers-color-scheme: dark)" srcset="packages/extension/assets/mcp-active-dark.png">
   <source media="(prefers-color-scheme: light)" srcset="packages/extension/assets/mcp-active-light.png">
-  <img alt="MCP 状态徽标，显示为 Active。" src="packages/extension/assets/mcp-active-light.png" width="720">
+  <img alt="MCP 状态徽标，显示为 Active。" src="packages/extension/assets/mcp-active-light.png" width="360">
 </picture>
 
 ### 配置项