feat: 添加音频资源和更新引导对话，提升学习体验

- 在多个场景中引入音频文件，增强互动性和沉浸感。
- 更新引导对话文本，确保信息准确性和一致性。
- 调整组件结构，清理冗余代码，提升可维护性。
- 引入结束窗口，鼓励用户深入了解黄炎培的教育理念。

src/pages/huangyanpei/place/place4.tsx

@@ -210,10 +210,16 @@ const HuangyanpeiPlace4 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_13.mp3")}
+        >
           真没想到中华职校还组织过义勇军！我们现在也会参加国防教育、志愿服务，当年的职业教育不仅教技能，还这么注重爱国主义教育呀？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_14.mp3")}
+        >
           没错！黄炎培先生一直怀揣着“教育救国”的理想，职业教育从来都和国家命运紧紧连在一起。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -241,10 +247,16 @@ const HuangyanpeiPlace4 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_11.mp3")}
+        >
           职业教育这个词是黄炎培先生创造的吗？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_12.mp3")}
+        >
           这个词不是他创造的，但体系是他建立的。1917年5月6日，黄炎培联合蔡元培、张謇等48位有识之士，在上海成立了“中华职业教育社”，并发表了《中华职业教育社宣言》。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -266,7 +278,10 @@ const HuangyanpeiPlace4 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_15.mp3")}
+        >
           这期间，1935年中华职业教育社还与荣氏三兄弟合作，再申新三厂办理劳动工自治区，对工人进行文化教育。
         </GuideStepsItem>
       </GuideSteps>