[Frontend] 取引一覧ページ(transactions.tsx)をSubgraphデータに接続

[yu23ki14]

一行説明

取引一覧ページ (transactions.tsx) のダミートランザクションデータを `useTransfers` hookによる実データに置き換える

詳細

現在 `transactions.tsx` では取引履歴がハードコードされている:

const dummyTransactions = [
  { name: "りょうま", message: "草刈りありがとう！", date: "10/29 (水)", amount: 50, ... },
  ...
];

対象ファイル

• packages/frontend/app/routes/transactions.tsx（変更）
• packages/frontend/app/hooks/useTransfers.ts（参照）

作業内容

1. dummyTransactions を削除

2. useTransfers hookで実データを取得

   import { useTransfers } from "~/hooks/useTransfers";
   
   const { data: transfers, isLoading } = useTransfers(20);

3. 取引履歴セクションのListRowを実データで表示

   • [Frontend] ホーム画面の取引履歴をSubgraphデータに接続 #91（ホーム画面の取引履歴）と同じ変換ロジック
   • ページネーション（もっと読み込む）は後回しでOK

4. 検索結果と取引履歴の切り替えは既存ロジックを維持

要件

• dummyTransactions が削除されている
• 取引履歴がSubgraphデータで表示される
• 検索機能が引き続き動作する
• ローディング中と空状態の表示がある

補足

• 担当グループ: Group D（データ表示担当）
• [Frontend] ホーム画面のウォレット残高を実データに接続 #90 → [Frontend] ホーム画面の取引履歴をSubgraphデータに接続 #91 → このIssue の順に進む
• [Frontend] ホーム画面の取引履歴をSubgraphデータに接続 #91 と変換ロジックを共通化できると良い
• 検索機能（NameStone API）は既存のまま変更不要