bug fixes and more responsive modals

[iUnstable0]

better modals handling, more responsive pages and fixed youtube api

[Copilot]

Pull request overview

This PR improves InertiaUI modal interactions and mobile responsiveness across several pages, and adds a more resilient YouTube metadata fetch path (Data API with oEmbed fallback).

Changes:

• Add a shared frontend helper for modal-safe mutations (JSON/204-based) and wire it into project create/update/delete flows.
• Improve modal/mobile layouts by introducing optional “show border on mobile” rendering in Frame/BookLayout and updating multiple pages to use scroll-friendly flex layouts.
• Update YouTube fetching to use a configurable API key with an oEmbed fallback and better error reporting.

Reviewed changes

Copilot reviewed 14 out of 16 changed files in this pull request and generated 4 comments.

Show a summary per file

File	Description
package-lock.json	Lockfile updates from dependency/tooling changes.
app/services/you_tube_service.rb	Adds API key helper, split fetchers (Data API + oEmbed), timeouts, and improved error contexts.
app/frontend/types/inertia-modal.d.ts	Expands module typings (notably useModal and a richer modal context).
app/frontend/pages/projects/show.tsx	Uses useModal, adds modal-aware back/reload/delete behavior and modal events.
app/frontend/pages/projects/onboarding/index.tsx	Updates modal framing to support borders on mobile.
app/frontend/pages/projects/index.tsx	Adds modal-aware reload hooks and list layout improvements for responsiveness.
app/frontend/pages/projects/form.tsx	Reworks form submission to support modal JSON/204 flows via performModalMutation.
app/frontend/pages/path/index.tsx	Reloads path progress after project deletion from the projects modal.
app/frontend/pages/mails/show.tsx	Restructures layout for better mobile scrolling and adds mobile border option.
app/frontend/pages/mails/index.tsx	Restructures layout for better mobile scrolling and adds mobile border option.
app/frontend/pages/journal_entries/new.tsx	Uses useModal for back behavior and updates modal layout/border + overlay styling.
app/frontend/pages/collaboration_invites/show.tsx	Improves modal/mobile layout structure and enables mobile border framing.
app/frontend/lib/modalMutation.ts	New helper to execute Axios mutations for modals with proper headers and validation handling.
app/frontend/components/shared/Frame.tsx	Adds showBorderOnMobile option and changes inner layout to flex-based container.
app/frontend/components/shared/BookLayout.tsx	Adds showBorderOnMobile option and mobile padding/border rendering.
app/controllers/projects_controller.rb	Adds modal-aware responses (204/JSON 422) for create/update/destroy and adjusts redirects.

[anscg]

lgtm

[iUnstable0]

fixed merge conflict. can this be merged?