Add message board and bonus program preview

app/pages/notifications.vue

@@ -118,6 +118,28 @@ async function sendTest() {
     </div>
 
     <div class="surface-card rounded-3xl p-5">
+      <div class="rounded-3xl border border-[#d6ebde] bg-[#f8fbf9] p-4">
+        <div class="flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between">
+          <div class="space-y-1">
+            <h2 class="text-xl font-bold text-[#123824]">Message board и бонусный экран</h2>
+            <p class="text-sm leading-6 text-[#557562]">
+              Для бонусных изменений теперь можно согласовывать отдельные сообщения и отдельную точку входа:
+              клик из уведомления открывает специальный бонусный интерфейс, а не обычный профиль.
+            </p>
+          </div>
+
+          <div class="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=notifications-preview" class="btn btn-outline border-[#d7e9de] bg-white">
+              Открыть бонусный экран
+            </NuxtLink>
+          </div>
+        </div>
+      </div>
+
+      <div class="mt-5">
       <div class="space-y-4">
         <h2 class="text-xl font-bold text-[#123824]">Подключение каналов</h2>
 
@@ -266,6 +288,7 @@ async function sendTest() {
           </li>
         </ul>
       </div>
+      </div>
     </div>
   </section>
 </template>