feat: make document breakdown responsive with sequential auto-rotation and add student rankings modal

backend/src/controllers/dashboardController.js

@@ -427,12 +427,10 @@ exports.getKpis = (req, res) => {
             });
 
             topStudents = [...studentDocStats]
-                .sort((a, b) => b.uploadedCount - a.uploadedCount || a.missingCount - b.missingCount || a.name.localeCompare(b.name))
-                .slice(0, 5);
+                .sort((a, b) => b.uploadedCount - a.uploadedCount || a.missingCount - b.missingCount || a.name.localeCompare(b.name));
 
             bottomStudents = [...studentDocStats]
-                .sort((a, b) => b.missingCount - a.missingCount || a.uploadedCount - b.uploadedCount || a.name.localeCompare(b.name))
-                .slice(0, 5);
+                .sort((a, b) => b.missingCount - a.missingCount || a.uploadedCount - b.uploadedCount || a.name.localeCompare(b.name));
 
             // ── 5. Document type breakdown overall + by Grade Level (Separated by JHS & SHS) ──
             const typeRows = db.prepare(`
@@ -697,12 +695,10 @@ exports.getKpis = (req, res) => {
             });
 
             topStudents = [...studentDocStats]
-                .sort((a, b) => b.uploadedCount - a.uploadedCount || a.missingCount - b.missingCount || a.name.localeCompare(b.name))
-                .slice(0, 5);
+                .sort((a, b) => b.uploadedCount - a.uploadedCount || a.missingCount - b.missingCount || a.name.localeCompare(b.name));
 
             bottomStudents = [...studentDocStats]
-                .sort((a, b) => b.missingCount - a.missingCount || a.uploadedCount - b.uploadedCount || a.name.localeCompare(b.name))
-                .slice(0, 5);
+                .sort((a, b) => b.missingCount - a.missingCount || a.uploadedCount - b.uploadedCount || a.name.localeCompare(b.name));
 
             // ── 5. Document type breakdown overall + by Grade Level (Separated by JHS & SHS) ──
             const typeRows = db.prepare(`

frontend/AGENTS.md

@@ -420,6 +420,10 @@ Files backup/restore - mirror mode or zip -->
   - Document type breakdown -> add filter dropdown for all document type -> if selected one document type show all year level in one pie chart, then it has over to the total
   - top student by documents -> dont count all uploaded document, just count document type uploaded over the total missing required documents -->
 
+# DASHBOARD SCREEN
+- Document breakdown -> make it reponsive for android app
+- "Top students by documents" and "needs attention" view all-> remove the duplicated label button -> student rankings modal dont make it AI slop or too AI generic design
+
 --- 
 
 # DONT DO