fix(permissions): wire up MUTE_MEMBERS bitmask and fix member permissions in frontend

web/src/components/MemberList.tsx

@@ -4,6 +4,7 @@ import { useAuthStore } from "../stores/auth.ts";
 import { useMemberStore, type Member } from "../stores/member.ts";
 import { usePresenceStore } from "../stores/presence.ts";
 import type { UserStatus } from "../stores/auth.ts";
+import { usePermissions } from "../lib/usePermissions.ts";
 import { MemberContextMenu } from "./MemberContextMenu.tsx";
 import { useConversationStore } from "../stores/conversation.ts";
 import { useLayoutStore } from "../stores/layout.ts";
@@ -59,16 +60,13 @@ function MemberRow({ member, onProfileClick }: MemberRowProps) {
   const status = presence?.status ?? member.status;
   const [menuOpen, setMenuOpen] = useState(false);
   const currentUser = useAuthStore((s) => s.user);
-  const userPerms = useServerStore((s) => s.userPermissions);
   const activeServerId = useServerStore((s) => s.activeServerId);
   const setActiveServer = useServerStore((s) => s.setActiveServer);
   const createConversation = useConversationStore((s) => s.createConversation);
   const setDM = useLayoutStore((s) => s.setDM);
   const navigate = useNavigate();
 
-  const canKick = userPerms?.kick_members ?? false;
-  const canBan = userPerms?.ban_members ?? false;
-  const canMute = userPerms?.mute_members ?? false;
+  const { canKick, canBan, canMute } = usePermissions(activeServerId);
   const isSelf = currentUser?.id === member.id;
 
   return (