feat(theme-3): sync inbox/announcements/presence/deposit/search from main

apps/player/src/views/ProfileView.vue

@@ -8,6 +8,7 @@ import LocaleFlag from '../components/LocaleFlag.vue';
 import { useAuthStore } from '../stores/auth';
 import { useAppLocale } from '../composables/useAppLocale';
 import { usePlayerProfile } from '../composables/usePlayerProfile';
+import { useInboxFeature } from '../composables/useInboxFeature';
 import GoldSpinner from '../components/GoldSpinner.vue';
 import { usePullToRefresh } from '../composables/usePullToRefresh';
 import { parseCashbackApiData, sumCashbackAmount } from '../utils/cashback';
@@ -18,6 +19,7 @@ const router = useRouter();
 const auth = useAuthStore();
 const { locales, setLocale, initFromUser } = useAppLocale();
 const { profileRaw, refreshProfile } = usePlayerProfile();
+const { hubRoute } = useInboxFeature();
 
 const loading = ref(true);
 const error = ref(false);
@@ -188,6 +190,12 @@ const balanceAmountClass = computed(() => {
         </span>
         <span class="qa-label">{{ t('recharge.history_title') }}</span>
       </RouterLink>
+      <RouterLink :to="hubRoute" class="qa-item">
+        <span class="qa-icon qa-icon--inbox">
+          <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" width="24" height="24"><path d="M4 6.5A2.5 2.5 0 0 1 6.5 4h11A2.5 2.5 0 0 1 20 6.5v11A2.5 2.5 0 0 1 17.5 20H6.5A2.5 2.5 0 0 1 4 17.5v-11Z" /><path d="m4 7 8 5.5L20 7" /></svg>
+        </span>
+        <span class="qa-label">{{ t('messages.title') }}</span>
+      </RouterLink>
     </div>
 
     <section class="settings-group">
@@ -586,6 +594,11 @@ const balanceAmountClass = computed(() => {
   color: #F4A261;
 }
 
+.qa-icon--inbox {
+  background: rgba(14, 165, 233, 0.15);
+  color: #0EA5E9;
+}
+
 .qa-label {
   font-size: 13px;
   font-weight: 600;