Issue Description

In the "Quizzes per week" dashboard component, text elements were overlapping when viewed on tablet devices (screen width between 660px and 960px). The week labels, dates, and quiz counts were colliding with each other, making the content unreadable.

Root Cause

The grid layout in TestsByWeek.vue component had insufficient spacing between columns (50px gap) for tablet screen sizes. Combined with the chart taking up 60% of the width, there wasn't enough room for the text content to display properly without overlapping.

Screenshot

Solution

Updated the responsive CSS media queries in src/components/Dashboard/TestsByWeek.vue to improve spacing and layout at tablet breakpoints: