(SP: 1) [UI] Implement consistent QuizCard height

[LesiaUKR]

Week 5

Goal

All QuizCards should have the same height in the grid for visual consistency

Scope

Part 1: Equal card height

• Apply CSS to ensure equal card heights
• Options:
  1. min-h-[value] with flexbox
  2. Truncate long descriptions with line-clamp-2
  3. CSS Grid with grid-template-rows: 1fr

Current behavior:

• Cards with attempts: show progress bar
• Cards without attempts: empty space (causes height mismatch)

Expected behavior:

• All cards same height

Files to modify:

• components/quiz/QuizCard.tsx

Expected impact

• Clean, aligned grid layout
• Better visual hierarchy
• Visual consistency across all cards

Out of scope

• Card redesign
• New card variants
• Progress bar animations