refactor(views): 将MyCoursesPage和MyFavoritesPage封装到AppLayout中

为了提高代码的可维护性和一致性，将MyCoursesPage和MyFavoritesPage的页面内容封装到AppLayout组件中。这样可以统一页面的布局结构，减少重复代码。

 <!--
  * @Date: 2025-03-21 12:17:03
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-04-18 17:30:15
+ * @LastEditTime: 2025-05-12 09:30:50
  * @FilePath: /mlaj/src/views/courses/MyCoursesPage.vue
  * @Description: 文件描述
 -->
 <template>
+  <AppLayout>
     <div class="bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20">
       <!-- Course List -->
       <van-list
@@ -26,6 +27,7 @@
         <p class="mt-4 text-gray-500">暂无课程记录</p>
       </div>
     </div>
+  </AppLayout>
 </template>
 
 <script setup>
@@ -33,6 +35,7 @@ import { ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import CourseCard from '@/components/ui/CourseCard.vue';
 import { useTitle } from '@vueuse/core';
+import AppLayout from "@/components/layout/AppLayout.vue";
 
 // 导入接口
 import { getOrderListAPI } from '@/api/order'

 <template>
+  <AppLayout>
     <div class="bg-gradient-to-b from-green-50/70 to-white/90 min-h-screen pb-20">
       <!-- 分类切换 -->
       <div class="px-4 py-3">
@@ -45,6 +46,7 @@
         </van-tabs>
       </div>
     </div>
+  </AppLayout>
 </template>
 
 <script setup>
@@ -54,6 +56,7 @@ import CourseCard from '@/components/ui/CourseCard.vue';
 import ActivityCard from '@/components/ui/ActivityCard.vue';
 import { courses as mockCourses, activities as mockActivities } from '@/utils/mockData';
 import { useTitle } from '@vueuse/core';
+import AppLayout from "@/components/layout/AppLayout.vue";
 
 // 导入接口
 import { getGroupFavoriteListAPI } from '@/api/favorite';