feat: update docs and components, fix DLQ demo bug

docs/zh-cn/appendix/git-intro.md

@@ -15,6 +15,7 @@
 ```
 
 **Git 完美解决了三个问题**：
+
 1.  **版本混乱**：不需要复制副本，一个文件夹搞定所有历史版本。
 2.  **无法后悔**：删错了代码？一秒钟找回三天前的状态。
 3.  **协作冲突**：你改了 A 文件，我改了 B 文件，Git 帮我们自动合并。
@@ -27,9 +28,9 @@ Git 的设计哲学其实很像**寄快递**。
 
 <GitThreeAreasDemo />
 
-*   **工作区 (Working Dir)**：你的**书桌**。你正在这里写代码，想怎么乱改都行。
-*   **暂存区 (Staging Area)**：**快递盒**。你把写好的文件放进去（`git add`），准备打包。
-*   **仓库 (Repository)**：**快递柜**。一旦你封箱寄出（`git commit`），这个版本就被永久记录下来了。
+- **工作区 (Working Dir)**：你的**书桌**。你正在这里写代码，想怎么乱改都行。
+- **暂存区 (Staging Area)**：**快递盒**。你把写好的文件放进去（`git add`），准备打包。
+- **仓库 (Repository)**：**快递柜**。一旦你封箱寄出（`git commit`），这个版本就被永久记录下来了。
 
 > 🔑 **关键点**：只有提交（Commit）到仓库的内容，才是安全的。工作区里没提交的内容，丢了就真丢了。
 
@@ -55,24 +56,24 @@ Git 的设计哲学其实很像**寄快递**。
 
 <GitBranchMergeDemo />
 
-*   **主分支 (Main/Master)**：稳定的线上版本，只有测试通过的代码才能进来。
-*   **开发分支 (Feature)**：你的试验田。你在这里炸了地球也没关系，不会影响主分支。
-*   **合并 (Merge)**：你在试验田里测试成功了，就把改动“合并”回主分支。
+- **主分支 (Main/Master)**：稳定的线上版本，只有测试通过的代码才能进来。
+- **开发分支 (Feature)**：你的试验田。你在这里炸了地球也没关系，不会影响主分支。
+- **合并 (Merge)**：你在试验田里测试成功了，就把改动“合并”回主分支。
 
 ---
 
 ## 5. 常用命令速查
 
-| 命令 | 作用 | 人话解释 |
-| :--- | :--- | :--- |
-| `git init` | 初始化 | "我要在这里建个新仓库" |
-| `git status` | 查看状态 | "现在书桌上乱不乱？有没有东西没装箱？" |
-| `git add .` | 添加所有 | "把桌上所有文件都扔进快递盒" |
-| `git commit -m "..."` | 提交 | "封箱！贴上标签，写上这次改了啥" |
-| `git log` | 查看历史 | "翻翻以前的日记" |
-| `git checkout -b dev` |以此创建新分支 | "我要去平行宇宙 dev 探险了" |
-| `git checkout main` | 切换分支 | "回地球（主分支）看看" |
-| `git merge dev` | 合并分支 | "把平行宇宙的成果带回地球" |
+| 命令                  | 作用           | 人话解释                               |
+| :-------------------- | :------------- | :------------------------------------- |
+| `git init`            | 初始化         | "我要在这里建个新仓库"                 |
+| `git status`          | 查看状态       | "现在书桌上乱不乱？有没有东西没装箱？" |
+| `git add .`           | 添加所有       | "把桌上所有文件都扔进快递盒"           |
+| `git commit -m "..."` | 提交           | "封箱！贴上标签，写上这次改了啥"       |
+| `git log`             | 查看历史       | "翻翻以前的日记"                       |
+| `git checkout -b dev` | 以此创建新分支 | "我要去平行宇宙 dev 探险了"            |
+| `git checkout main`   | 切换分支       | "回地球（主分支）看看"                 |
+| `git merge dev`       | 合并分支       | "把平行宇宙的成果带回地球"             |
 
 ---
 
@@ -85,7 +86,8 @@ Git 的设计哲学其实很像**寄快递**。
 此时你需要手动打开文件，保留需要的代码，删除 Git 自动生成的 `<<<<<<<` 标记，然后重新提交。
 
 至于**远程仓库 (Remote)**（比如 GitHub/GitLab），它就是云端的备份中心。
-*   `git push`：把本地存档上传到云端。
-*   `git pull`：把云端最新的存档拉取到本地。
+
+- `git push`：把本地存档上传到云端。
+- `git pull`：把云端最新的存档拉取到本地。
 
 <GitRemoteDemo />