feat(web): tidy the channel sidebar and let owners delete groups

web/src/ui/Button.module.css

@@ -34,6 +34,12 @@
   font-weight: 600;
 }
 
+.danger {
+  background: var(--danger);
+  color: var(--on-accent);
+  font-weight: 600;
+}
+
 .quiet {
   border-color: var(--line-strong);
   background: var(--surface);

web/src/ui/Button.tsx

@@ -3,7 +3,7 @@ import { Icon, type IconName } from './Icon';
 import styles from './Button.module.css';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: 'primary' | 'quiet' | 'ghost';
+  variant?: 'primary' | 'quiet' | 'ghost' | 'danger';
   icon?: IconName;
   /** 仅图标时必填,作为无障碍名称 */
   label?: string;