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

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

src/pages/huangyanpei/place/place5.tsx

@@ -182,10 +182,16 @@ const HuangyanpeiPlace5 = () => {
         showMask={false}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_16.mp3")}
+        >
           抗战胜利后，黄炎培先生除了继续推进职业教育，还参与了政党活动呀？他创建民主政团同盟，是想为国家做些什么呢？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_17.mp3")}
+        >
           这和当时的历史背景分不开。1940年，国民党政府还坚持“攘外必先安内”的政策，让国共两党的关系越来越紧张。黄炎培等有识之士看到这种严峻形势，觉得中间派应该联合起来，为国家寻求一条和平发展的道路。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">
@@ -215,10 +221,16 @@ const HuangyanpeiPlace5 = () => {
         highlightSelectors={[]}
         zIndex={10000}
       >
-        <GuideStepsItem speaker="student">
+        <GuideStepsItem
+          speaker="student"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_18.mp3")}
+        >
           哇！这就是历史课上学的“窑洞对”！黄炎培先生和毛主席的这次谈话，是不是谈到了“历史周期率”呀？
         </GuideStepsItem>
-        <GuideStepsItem speaker="guide">
+        <GuideStepsItem
+          speaker="guide"
+          audioSrc={getPublicPath("audio/huangyanpei/mp3_huangyanpei_19.mp3")}
+        >
           完全正确！1945年7月1日，黄炎培以国民参政员的身份，带着考察团一行六人赴延安考察，中共中央领导人毛泽东、朱德、周恩来等都亲自到机场迎接。7月4日，他和毛泽东主席长谈了十几个小时，这场对话能和诸葛亮的“隆中对”相媲美。
         </GuideStepsItem>
         <GuideStepsItem speaker="guide">