ロードマップ（トップ）ページ作成

[takecchi]

Community Issue

cuculus-dev/.github#10

概要

トップページの作成
figma: https://www.figma.com/file/pshVsQPL2AQ802eZTgjttZ/Cuculus.Roadmap?type=design&node-id=0-1&mode=design&t=CVkBddr6e3yqDjJF-0

備考

デザイン上の残作業があるため、作業開始前に @AyumuAkimoto に確認

デザイン

• タイトル下文書
• GitHubリンク
• issuesのチケットっぽいの

また、作業が多いのでタスクを複数に分け（小タスク）、新規issue作成を推奨

一旦lightデザイン(figma上左側)のものだけ考慮できていれば良いものとする。

Todo

• メンション&リプライ .github#18
• issuesを表示するカードコンポーネント #41
• 画面左側にロードマップのタイトルと説明分リンクボタンを移動 #42
• レスポンシブ対応(スマホで見た時にデザインが崩れない)
• github APIからマイルストーンを取得し、画面に描画されること（取得部分はサンプル実装済み）
• MilestonesからIssuesを取得する方法の調査と実装 #40
• figmaのデザインと見比べて80%くらい合ってれば🆗

[takecchi]

@AyumuAkimoto
ロゴ下の文章とボタンが必要だと思うのでそちらの修正をお願いします。

実際にマイルストーンを当てた時のイメージの作成お願いします。

[AyumuAkimoto]

@KND-T
mainブランチから最新の状態を取り込んでpage.tsでレイアウトの最終調整をお願いします。
余白だったりMilestonesの幅感とかの微調整をしてfigmaのデザインと合う状態になるのがゴールです。