Add design docs for achievable status fix and course description popups change artifacts

openspec/changes/course-description-popups/tasks.md

@@ -0,0 +1,21 @@
+## 1. Data Layer
+
+- [x] 1.1 Create `app/src/data/courseDescriptions.ts` with description and instructors array for each course ID, extracted from the PDF and `ref/inovation-and-design.md`
+- [x] 1.2 Verify all course IDs in `courses.ts` have corresponding entries (no missing, no extras)
+
+## 2. Popover Component
+
+- [x] 2.1 Build a `CourseInfoPopover` component that displays course name, instructor(s), and scrollable description
+- [x] 2.2 Add dismiss logic: click outside, Escape key, re-click info icon
+- [x] 2.3 Ensure only one popover is open at a time
+
+## 3. Info Icon Integration
+
+- [x] 3.1 Add info icon button next to each course name in `CourseSelection.tsx`
+- [x] 3.2 Use `stopPropagation` on info icon click to prevent course pinning
+- [x] 3.3 Hide info icon for cancelled and disabled courses
+
+## 4. Responsive / Polish
+
+- [x] 4.1 Handle popover positioning on narrow screens (centered overlay or full-width card on mobile)
+- [x] 4.2 Verify desktop and mobile parity (click/tap only, no hover/long-press)