tsxファイルをコンポーネント毎にファイル分け

はじめまして。 個人でエンジニアをしております、kawadaと申します。 【 募集詳細 】 ・既にコーディング済みのtsxファイル（1点）を、 ビルドに向けコンポーネント毎にファイル分けしていただきたいです。 ・難しい内容ではないですが、 仕訳けた後Reactアプリとして起動するか一度ローカル環境で試していただきたく、 ウェブアプリの開発経験がある方にお願いしたいと考えております。 ・コードは計1731行あります。 例として以下のようにファイル分けしていただき、 動作を確認して納品という流れを想定しています。 `pages/index.tsx` - メインページ `components/Layout.tsx` - 全体のレイアウト `components/Auth/LoginForm.tsx` - ログインフォーム `components/Auth/RegisterForm.tsx` - 登録フォーム `components/Admin/QuizManagement.tsx` - クイズ管理（管理者用） `components/Admin/UserManagement.tsx` - ユーザー管理（管理者用） `components/User/TakeExam.tsx` - 試験実施（ユーザー用） `components/User/ScoreVisualization.tsx` - スコア可視化（ユーザー用） `components/Common/QuizCard.tsx` - クイズカード `components/Common/QuestionCard.tsx` - 問題カード 【 重視する点・開発経験 】 ・Reactアプリの開発 ・TypeScriptの実務経験 【 応募時のお願い 】 過去の実績、ポートフォリオを簡易的にご提示ください。 ご質問がありましたら、気軽にお問い合わせください。 応募をお待ちしております！