Grades Widget - Dashboard V5

**Scrollable Grade View**
Display grade cards inside the widget. The number of grade cards shown at once is responsive according to the phone or tablet's width.

If there are more than the number of grades that can fit at once, enable horizontal scrolling.

Add left and right arrows on either side of the widget to navigate between sets of grades.

Include pagination dots below the cards to indicate the number of available pages.

**Styling Specifications**

Title text: "Notes"

Corner radius: 25px

**Individual Grade Cards**
Class code text:
- Font size: 16px
- Underline centered under the class code

Grade text:
Font size: 23px

Scroll arrows left and right