add instructions about how to finish chapter

enjoy/src/i18n/en.json

@@ -644,6 +644,7 @@
   "previousChapter": "Previous",
   "nextChapter": "Next",
   "examples": "Examples",
+  "howToFinishChapter": "Please shadow the examples and record your voice to finish the chapter.",
   "continueLearning": "Continue learning",
   "enrollNow": "Enroll now",
   "enrollments": "Enrollments",

enjoy/src/i18n/zh-CN.json

@@ -644,6 +644,7 @@
   "previousChapter": "上一章",
   "nextChapter": "下一章",
   "examples": "示例",
+  "howToFinishChapter": "请跟读以下示例并录音，以完成本章练习。",
   "continueLearning": "继续练习",
   "enrollNow": "加入练习",
   "enrollments": "参加的课程",

enjoy/src/renderer/components/courses/chapter-content.tsx

@@ -93,7 +93,14 @@ export const ChapterContent = (props: {
           </details>
         )}
 
-        {chapter.examples.length > 0 && <h3>{t("examples")}</h3>}
+        {chapter.examples.length > 0 && (
+          <>
+            <h3>{t("examples")}</h3>
+            <div className="text-sm mb-4">
+              {t("howToFinishChapter")}
+            </div>
+          </>
+        )}
         <div className="grid gap-4">
           {chapter.examples.map((example, index) => (
             <ExampleContent