Add message board and bonus program preview

app/pages/profile/notifications.vue

@@ -75,6 +75,21 @@ async function connectMessenger(channel: 'TELEGRAM' | 'MAX') {
         Подключите Telegram и Max, чтобы получать статусы заказов и важные уведомления в удобном канале.
       </p>
 
+      <div class="mt-4 rounded-3xl border border-[#d6ebde] bg-[#f8fbf9] p-4">
+        <p class="text-sm font-semibold text-[#123824]">Бонусная программа теперь может жить в отдельном экране</p>
+        <p class="mt-2 text-sm leading-6 text-[#557562]">
+          Для бонусных начислений и выводов можно отправлять отдельное сообщение с кнопкой, которое ведёт в специальный бонусный интерфейс.
+        </p>
+        <div class="mt-3 flex flex-wrap gap-3">
+          <NuxtLink to="/messages" class="btn border-0 bg-[#111827] text-white hover:bg-[#000000]">
+            Message board
+          </NuxtLink>
+          <NuxtLink to="/bonus-program?entry=profile-notifications" class="btn btn-outline border-[#d7e9de] bg-white">
+            Открыть бонусный экран
+          </NuxtLink>
+        </div>
+      </div>
+
       <div class="mt-4 space-y-3">
         <div class="rounded-2xl bg-[#f8fbf9] p-4 transition hover:shadow-md">
           <p class="font-semibold">Telegram</p>