Merge pull request #1 from Migrabe/main

[Migrabe]

Main

Название PR: feat: Release Phase 6 — Full Integration of React MVP (Auth, Billing, Routing)

📌 Что было сделано

В рамках данного PR были финализированы все этапы имплементации архитектуры (Фазы 1-5):

• Фаза 1-2: Рефакторинг старого UI в переиспользуемые React-компоненты (Card, NeonButton, Slider и т.д.).
• Фаза 3: Разделение страниц на начальный экран (Welcome), бесплатный режим (Fun) и профессиональный (Pro). Настроен базовый роутинг.
• Фаза 4: Добавление страницы генерации контекстных подборок для видео Video / VideoGeneratorForm, переиспользование существующих UI компонентов.
• Фаза 5: Интеграция заглушек Google Auth и платежной системы (Stripe). Настроены Route Guards, защищающие роуты /pro и /video для неавторизованных пользователей или пользователей без Pro подписки.
• Фаза 6 (Текущая): Оформление архитектурной документации (C4, SequenceFlow, DataFlow, ADR в docs/design/architecture.md), написание инструкций для QA и финализация локального релиза.

Все архитектурные решения (в т.ч. ADR) теперь зафиксированы в docs/design/architecture.md прямо рядом с кодом.

🧪 Инструкции для ревьюера и QA

Для корректной проверки нового функционала выполните следующие шаги:

1. Запуск: Убедитесь, что frontend и backend запущены (бекенд уже запущен в фоновом процессе, фронтенд обычно работает на Vite localhost).
2. Проверка авторизации (Google Auth):
   • Зайдите на главную страницу (/) или попытайтесь перейти на /pro неавторизованным.
   • Проверьте перехват роута / модальную заглушку Google Auth (взаимодействие с AuthProvider).
3. Проверка роутов и защиты (Route Guards):
   • Перейдите в раздел /fun. Он должен быть доступен всем посетителям (Free/Guest).
   • Попытайтесь войти в /pro или /video без оплаченной подписки (флаг isPro: false). Приложение должно корректно блокировать доступ / отображать Paywall.
4. Проверка заглушки платежной системы (Stripe):
   • Перейдя в интерфейс оплаты (через попытку доступа к Pro-фичам), проверьте кнопку имитации успешной подписки.
   • После успешного мок-платежа (изменения локального стейта на isPro: true), разделы /pro и /video должны мгновенно разблокироваться.
5. Архитектура и код: Проверьте папку docs/design/architecture.md на наличие и актуальность C4-моделей и Sequence-диаграмм перед мержем PR.