Phase 4: grade comments with frequency-ranked suggestions

- progress comment_templates (tone + use_count) and grade_comments tables;
  setGrade now accepts comments list; templates created/bumped automatically;
  GET /api/v1/comment-templates?q= returns suggestions ranked by frequency
- admin group page: per-grade ✎ dialog (score + editable comment rows with
  tone, datalist suggestions), chips under each score, data-comments JSON attr
- student lab page: score + colored tone chips
- fixed damaged button/attributes from earlier manual template surgery

web/src/main/resources/static/css/app.css

@@ -217,4 +217,17 @@ code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monos
 .form-card { padding: 1.5rem; }
 
 /* Header logo */
-.link-inherit { font-size: 0.875rem; }
+.link-inherit { font-size: 0.875rem; }/* Chips (оценочные комментарии) */
+.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 9999px; font-size: 11.5px; line-height: 1.5; }
+.chip-pos { background: #16803c; color: #fff; }
+.chip-neu { background: #5d6570; color: #fff; }
+.chip-neg { background: #b3283b; color: #fff; }
+/* Слоты комментариев в диалоге */
+.cs-row { display: flex; gap: 6px; align-items: center; }
+
+.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: 9999px; font-size: 11.5px; line-height: 1.5; }
+.chip-pos { background: #16803c; color: #fff; }
+.chip-neu { background: #5d6570; color: #fff; }
+.chip-neg { background: #b3283b; color: #fff; }
+
+/* Defense timer */