feat(frontend): TanStack Query — кэш CRM-списков + мигрируем Applications

[devin-ai-integration]

Summary

Поднимаем UX подгрузки CRM. До этого PR каждый компонент сам делал useEffect + useState + apiInstance.get — это значит:

• Уход с вкладки и возврат → полный fresh-fetch и пустые таблицы во время загрузки.
• Mutation (создание/удаление) → ручной вызов load() и второй фетч.
• Никакого кэша между маршрутами / нет фонового обновления.

После PR:

• На весь app вешается QueryClientProvider (TanStack Query v5).
• staleTime: 30s — повторное открытие вкладки в течение 30 сек показывает данные мгновенно из памяти.
• refetchOnWindowFocus: false — не дёргаем сервер при каждом возврате в окно.
• retry: 1 — одна попытка ретрая для упавших запросов.

Что внутри

Новое

• frontend/src/shared/api/queryHooks.ts — тонкая обёртка над TanStack:
  • useCrmList<T>(resource) нормализует ответ (массив / {data: [...]} / {items: [...]} — после пагинации в PR perf(backend): Promise.all дашборда + пагинация /api/clients и /api/cases #17 бэк возвращает разные формы) и возвращает чистый массив.
  • useCrmMutation({resource, method, url?}) после успешной мутации инвалидирует кэш [resource], UI сразу видит свежее состояние.
• frontend/src/shared/api/queryHooks.test.tsx — +5 vitest тестов (плоский массив, envelope, edge-case null, cache invalidation после POST, кастомный URL для DELETE).

Изменено

• frontend/src/main.tsx — QueryClientProvider поверх <App />.
• frontend/src/components/Applications.tsx — мигрирован на useCrmList + useCrmMutation.

Не мигрировано (намеренно)

• Cases.tsx, Acts.tsx, MyCases.tsx, Documents.tsx, Expenses.tsx, Materials.tsx — они грузят несколько endpoint'ов сразу, имеют сложные filter-state'ы или используют raw fetch(). Инфраструктура (QueryClientProvider + хуки) уже на месте — миграция оставшихся пойдёт отдельным PR'ом по аналогии с Applications.tsx.

Тесты

• npm test (frontend): 25/25 PASS (20 baseline + 5 новых).
• tsc --noEmit: чисто.
• vite build: чисто.

Review & Testing Checklist for Human

• Открыть /applications (как директор), уйти на «Дашборд», вернуться в течение 30 сек — таблица должна появиться мгновенно без сетевого запроса (проверить через DevTools → Network).
• Создать заявление через +Добавить — таблица обновляется автоматически (без ручного «Обновить»).
• Удалить заявление — строка пропадает сразу.
• Открыть /applications спустя > 30 сек после первого открытия — должен быть фоновый refetch, на UI старые данные показываются пока новые не пришли.

Notes

— @tanstack/react-query@^5.x — совместим с React 18.
— staleTime: 30s — компромисс. Если данные часто меняются у других пользователей (multi-tenant CRM), можно опустить до 0 или подключить WebSocket-инвалидацию.
— Можно добавить React Query Devtools только в import.meta.env.DEV — для дебаггинга кэша. Сейчас не подключаю, чтобы не раздувать dev-бандл.

Link to Devin session: https://app.devin.ai/sessions/514f368ad0194bf18d0327e62a88aeda
Requested by: @Br1Im

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring