fix: ql icons on load, text overflow in quicklink boxes

public/app.html

@@ -616,6 +616,7 @@ main {
   transition: border-color .12s, background .12s, color .12s;
   position: relative; cursor: pointer;
   line-height: 1.3;
+  overflow-wrap: break-word; word-break: break-word; overflow: hidden;
 }
 .ql-item:hover { background: var(--blue-50); border-color: var(--blue); color: var(--blue); }
 .ql-icon { font-size: 18px; line-height: 1; }
@@ -3023,6 +3024,7 @@ async function loadStudentAnnouncements(){
 }
 
 // ── START ─────────────────────────────────────────────────────
+lucide.createIcons();
 init();
 </script>
 </body>