feat: category colour schemes, add stats to home page

apps/frontend/src/app/components/music/music-list.component.ts

@@ -533,8 +533,8 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment
     }
 
     .filter-btn.active {
-      background: var(--witch-rose);
-      color: var(--witch-moon);
+      background: #74b9ff;
+      color: white;
     }
 
     .loading {
@@ -695,33 +695,33 @@ import { Music, MusicStatus, MusicType, CreateMusicDto, UpdateMusicDto, Comment
     }
 
     .btn-primary {
-      background: var(--witch-rose);
-      color: var(--witch-moon);
+      background: #74b9ff;
+      color: white;
     }
 
     .btn-primary:hover {
-      background: var(--witch-plum);
+      background: #4a9ff5;
       transform: translateY(-2px);
       box-shadow: 0 4px 8px var(--witch-shadow);
     }
 
     .btn-secondary {
-      background: var(--witch-mauve);
-      color: var(--witch-purple);
+      background: #6b7280;
+      color: white;
     }
 
     .btn-secondary:hover {
-      background: var(--witch-rose);
-      color: var(--witch-moon);
+      background: #4b5563;
+      color: white;
     }
 
     .btn-danger {
-      background: var(--witch-plum);
-      color: var(--witch-moon);
+      background: #ef4444;
+      color: white;
     }
 
     .btn-danger:hover {
-      background: var(--witch-purple);
+      background: #dc2626;
     }
 
     .btn-sm {