React-виджет P&L на Nextjs 14,TypeScript и Recharts

Нужен переиспользуемый React-компонент PnLWidget для дашборда: график P&L по дням с переключателем периода и таблицей под графиком. Что сделать: 1) Компонент на Nextjs 14 (App Router) и TypeScript в режиме strict. 2) Стэкированный bar-chart на Recharts: выручка, себестоимость, комиссии, логистика; линия маржи поверх. 3) Переключатель периода: 7, 30, 90 дней. 4) Таблица под графиком: дата, выручка, себестоимость, комиссии, маржа, маржинальность в процентах. 5) Состояния loading (skeleton), empty, error (с кнопкой retry). 6) Данные через переданный пропсом async-загрузчик fetchPnL(period); реальный API не нужен — в задачу входит mock-loader с задержкой и фикстурами. 7) Адаптив от 360 пикселей, поддержка тёмной и светлой тем (Tailwind или CSS-переменные). 8) Unit-тесты на форматирование данных и рендер таблицы (Vitest и Testing Library). 9) Опционально — Storybook со стори для трёх состояний. Стек: Nextjs 14 (App Router), React 18, TypeScript strict, Tailwind CSS, Recharts, Vitest, Testing Library. Результат: папка components PnLWidget с компонентом, типами, mock-loader, тестами и readme с документацией. Срок: 10 рабочих дней. Требования: коммерческий опыт React и Nextjs, уверенный TypeScript strict, опыт с Recharts (или Chartjs, Visx), понимание App Router и Server vs Client Components, Tailwind CSS.