Revert: InteractiveBook mobile responsive changes rolled back

[Copilot]

This PR reverts all mobile responsiveness changes to the InteractiveBook component, restoring it to its original state before the mobile fixes were attempted.

What Was Reverted

All changes made to fix mobile display issues have been rolled back, including:

• ❌ Removed perspective-[3000px] wrapper restructuring
• ❌ Removed responsive dimensions (280×420 → 300×450 → 380×540 breakpoints)
• ❌ Removed xs: breakpoint (375px) from Tailwind config
• ❌ Removed scaled-down typography and spacing for mobile
• ❌ Removed overflow-hidden container fix
• ❌ Restored original scale-[0.9] sm:scale-100 transform
• ❌ Restored original w-[320px] h-[480px] dimensions

Current State

The InteractiveBook component and index.html are now restored to their original state from commit 5cda2fd:

// Restored Original Structure
<div className="perspective-[3000px] scale-[0.9] sm:scale-100">
  <div className="w-[320px] h-[480px] sm:w-[420px] sm:h-[580px]">...</div>
</div>

Desktop View (Current State):

Reason for Revert

Changes were rolled back per user request due to reported issues on the main page.

Files Affected

• components/InteractiveBook.tsx - Restored to original
• index.html - Removed xs: breakpoint addition

Status

• ✅ Build passes successfully
• ✅ Page loads without errors
• ✅ All mobile responsive changes reverted
• ✅ Component restored to original desktop-focused state

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Проблема с книгой в мобильном отображении</issue_title>
<issue_description>При отображении на мобильном устройстве например iPhone 17 Pro книга которая находится у нас внизу страницы открываются некорректно не вмещается в экран устройства по горизонтали анимация открытия работает однако по ощущениям как будто бы проваливается над надписи и картинки нужно чтобы работало также как работает на ПК но в адаптации к мобильному устройству. Проверить на всех возможных разрешениях мобильных устройств. Найти баги и несоответствия в коде. Устранить найденные ошибки. Провести Е два Ё тесты с помощью любого визуального анализатора просмотреть скриншоты и убедиться что все отображается корректно.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Проблема с книгой в мобильном отображении #1

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[offflinerpsy]

@copilot нужно что бы ты зашел на сервер и разобрался. было какое то изменение на главной странице, не удачное. откати на несколько часов назад или последние измнения которые были сегодня они там поломали главную страницу. хз где так кто ковырялся но чтото сломали гдето. в общем откатить бы последние изменения... поможешь?

[Copilot]

@copilot нужно что бы ты зашел на сервер и разобрался. было какое то изменение на главной странице, не удачное. отк...

Откатил все изменения к оригинальному состоянию. Мои последние 4 коммита были отменены, и код вернулся к состоянию перед изменениями мобильной адаптации книги.

Восстановлено:

• InteractiveBook.tsx - вернулся к исходному виду
• index.html - удален добавленный xs: breakpoint

Изменения в коммите: 790b7b1

Проверил - страница загружается корректно, билд проходит успешно. Главная страница теперь в том же состоянии, что была до моих правок.