[BE-99] ストーリーIDを追加

Author: yone-al

frontend/src/Board/BoardList.css

@@ -111,6 +111,18 @@
 	align-items: center;
 }
 
+.board-card-story-id {
+	display: inline-block;
+	background-color: #fff4e6;
+	color: #ed6c02;
+	font-size: 0.7rem;
+	font-weight: 700;
+	letter-spacing: 0.03em;
+	padding: 2px 10px;
+	border-radius: 12px;
+	margin-bottom: 10px;
+}
+
 .board-card-date {
 	color: #999;
 	font-size: 0.75rem;

frontend/src/Board/BoardList.tsx

@@ -154,6 +154,9 @@ function BoardList() {
 						className="board-card"
 						onClick={() => navigate(`/board/${round.id}`)}
 					>
+						{/* ストーリーID */}
+						<div className="board-card-story-id">ストーリー #{round.id}</div>
+
 						{/* ヒントのプレビュー（チャット形式で最初の数個を表示） */}
 						<div className="board-card-hints">
 							{round.hints.slice(0, PREVIEW_HINT_COUNT).map((hint, index) => (