feat(frontend): 新增多版本笔记功能，并做了向下兼容。

- 新增关于页面组件，介绍项目背景、功能和使用方法
- 重构笔记生成逻辑，支持多版本笔记
- 新增笔记版本选择、复制和导出功能
-优化笔记界面布局和交互
- 调整部分组件样式，提升用户体验

backend/app/gpt/prompt.py

@@ -35,11 +35,10 @@ BASE_PROMPT = '''
 根据上面的分段转录内容，生成结构化的笔记，遵循以下原则：
 
 1. **完整信息**：记录尽可能多的相关细节，确保内容全面。
-2. **清晰结构**：用合适的标题级别（`##`，`###`）整理内容，概述每个部分的要点。主标题用`#`来标识(如果额外重要的任务有格式需求可以不遵守)
-3. **去除无关内容**：省略广告、填充词、问候语和不相关的言论。
-4. **保留关键细节**：保留重要事实、示例、结论和建议。(如果额外重要的任务有格式需求可以不遵守)
-5. **可读布局**：必要时使用项目符号，并保持段落简短，增强可读性。(如果额外重要的任务有格式需求可以不遵守)
-6. 视频中提及的数学公式必须保留，并以 LaTeX 语法形式呈现，适合 Markdown 渲染。
+2. **去除无关内容**：省略广告、填充词、问候语和不相关的言论。
+3. **保留关键细节**：保留重要事实、示例、结论和建议。(如果额外重要的任务有格式需求可以不遵守)
+4. **可读布局**：必要时使用项目符号，并保持段落简短，增强可读性。(如果额外重要的任务有格式需求可以不遵守)
+5. 视频中提及的数学公式必须保留，并以 LaTeX 语法形式呈现，适合 Markdown 渲染。
 
 
 请始终遵循此规则。

backend/app/gpt/prompt_builder.py

@@ -58,7 +58,7 @@ def get_format_function(format_type):
 def get_style_format(style):
     style_map = {
         'minimal': '1. **精简信息**: 仅记录最重要的内容，简洁明了。',
-        'detailed': '2. **详细记录**: 包含完整的时间戳和每个部分的详细讨论。',
+        'detailed': '2. **详细记录**: 包含完整的内容和每个部分的详细讨论。需要尽可能多的记录视频内容，最好详细的笔记',
         'academic': '3. **学术风格**: 适合学术报告，正式且结构化。',
         'xiaohongshu': '''4. **小红书风格**: 
 ### 擅长使用下面的爆款关键词：