feat: 优化页面 UI 以及支持个人中心 练习足迹

packages/app/src/pages/profile/index.vue

@@ -7,6 +7,8 @@
     <UserCard :logged-in="loggedIn" :has-profile="hasProfile" :user="user" :stats="stats" :memberships="memberships"
       :loading="loginLoading" :nav-bar-height="navBarHeight" @login="handleLogin" />
 
+    <PracticeActivityCard v-if="loggedIn" :key="userStore.token" :refresh-key="activityRefreshKey" />
+
     <!-- Menu section: always visible -->
     <ProfileMenu
       :is-admin="isAdmin"
@@ -33,6 +35,7 @@ import { useUserStore } from '../../stores/user'
 import { useBookingStore } from '../../stores/booking'
 import { getSystemLayout } from '../../utils/system'
 import { getErrorMessage } from '../../utils/auth'
+import PracticeActivityCard from '../../components/PracticeActivityCard.vue'
 import UserCard from '../../components/UserCard.vue'
 import ProfileMenu from '../../components/ProfileMenu.vue'
 import CustomNavBar from '../../components/CustomNavBar.vue'
@@ -42,6 +45,7 @@ const bookingStore = useBookingStore()
 const { loggedIn, hasProfile, user, stats, memberships, isAdmin } = storeToRefs(userStore)
 const { upcomingBookings } = storeToRefs(bookingStore)
 
+const activityRefreshKey = ref(0)
 const loginLoading = ref(false)
 const navBarHeight = ref(64)
 
@@ -74,6 +78,7 @@ onMounted(() => {
 })
 
 onShow(async () => {
+  activityRefreshKey.value += 1
   if (loggedIn.value) {
     await Promise.all([
       userStore.fetchProfile(),