feat: add images

Author: crazywoola

en/workshop/basic/the-right-way-of-markdown.mdx

@@ -15,6 +15,11 @@ Use Markdown in your Answer / End nodes to render things like:
 - Fenced Code Blocks
 - Audio and Video
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### Headings
 
 Use `#` for headings, with the number of `#` symbols indicating the heading level:

ja-jp/workshop/basic/the-right-way-of-markdown.mdx

@@ -15,6 +15,11 @@ Answer / End ノード内で以下のような要素を Markdown で描画でき
 * 複数行のコードブロック
 * オーディオとビデオ
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### 見出し
 
 `#` を使って見出しを作成します。`#` の数が見出しの階層を表します：

zh-hans/workshop/basic/the-right-way-of-markdown.mdx

@@ -15,6 +15,11 @@ title: Markdown 的正确使用方式
 * 多行代码块
 * 音频和视频
 
+<img
+  src="/images/CleanShot2025-07-14at00.34.54.png"
+  className="mr-auto"
+/>
+
 ### 标题
 
 使用 `#` 来表示标题，`#` 的数量表示标题级别：