プール一覧ページの追加

[naizo01]

概要:
CJPYプールの他にも新プールを効果的に表示し、ナビゲートするために、専用のプール一覧ページを設計・実装する。

目的:

• ユーザーが利用可能な全プールを一目で確認できるページを提供。
• 各プールへの直接アクセスを容易にする。

デザイン参考:
Rari CapitalのFuseページ: https://v2.rari.capital/fuse
https://github.com/Rari-Capital/rari-dApp

タスク詳細:

1. プール一覧ページUIの設計と実装: Rari Capitalの既存デザインを参考にしつつ、プログラムコードを削除して、UIコンポーネントを再利用する形で一覧ページを構築する。
2. 各プールの集約データ表示: 既に存在するhooks/pool/shared/useTotalPoolData.tsxを用いて、各プールの総合データを一覧ページに表示。ただし、一覧表示に適したコンテキストの整備が必要。
3. 詳細ページへのリンク設置: プール一覧から各プールの詳細ページへ遷移するためのリンクを設置。リンクはクエリパラメータ?pool=プール名を使って実装する。
4. ヘッダーへのリンク追加: 一覧ページへのアクセスをヘッダーからも可能にする。

要求事項:

• 一覧ページには、全てのプールの基本情報がリスト形式で表示される必要があります。
• UIはレスポンシブであり、デスクトップおよびモバイルビューに対応していること。

[naizo01]

以下により完了
#13