Зачем нужны loading.tsx и error.tsx в App Router?

loading.tsx — это файл, который автоматически оборачивает page.tsx в Suspense boundary. Пока страница грузится (async компонент), показывается loading UI. error.tsx — это Error Boundary для сегмента роута, ловит ошибки и показывает fallback UI с кнопкой retry. Оба файла работают автоматически — просто создаёшь файл, и Next.js подхватывает. Можно иметь разные loading/error на каждом уровне вложенности. Это упрощает UX — не надо руками писать Suspense и ErrorBoundary.