useUserGroups: consolidate 4 dedup'd CatalogGroupsComposer call sites

Four independent components used to send 'new CatalogGroupsComposer()'
on mount and listen for GuildMembershipsMessageEvent:

  - useCatalog (writing into catalogOptions.groups)
  - CatalogLayoutGuildForumView
  - CatalogGuildSelectorWidgetView
  - WiredSelectorUsersGroupView
  - WiredConditionActorIsGroupMemberView

Each fired its own request and re-listened independently. With four
of them mounted in the wired-tools panel during a builder session,
the same packet went out four times.

New useUserGroups() hook wraps the request/response pair with
useNitroQuery (queryKey ['nitro', 'user', 'groups'], staleTime
Infinity — guild membership is session-stable). All four consumers
now read 'const { data: groups = [] } = useUserGroups()' and React
Query dedups: one composer at the first mount, all subsequent mounts
get the cached array.

Drops 'groups' from ICatalogOptions and the corresponding listener +
prev-state-merge from useCatalog — no remaining consumer reads it.

src/components/wired/views/conditions/WiredConditionActorIsGroupMemberView.tsx

@@ -1,8 +1,7 @@
-import { CatalogGroupsComposer, GuildMembershipsMessageEvent, HabboGroupEntryData } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useMemo, useState } from 'react';
-import { LocalizeText, SendMessageComposer, WiredFurniType } from '../../../../api';
+import { LocalizeText, WiredFurniType } from '../../../../api';
 import { Text } from '../../../../common';
-import { useMessageEvent, useWired } from '../../../../hooks';
+import { useUserGroups, useWired } from '../../../../hooks';
 import { WiredSourcesSelector } from '../WiredSourcesSelector';
 import { WiredConditionBaseView } from './WiredConditionBaseView';
 
@@ -16,25 +15,13 @@ interface WiredConditionActorIsGroupMemberViewProps
 
 export const WiredConditionActorIsGroupMemberView: FC<WiredConditionActorIsGroupMemberViewProps> = ({ negative = false }) =>
 {
-    const [ groups, setGroups ] = useState<HabboGroupEntryData[]>([]);
+    const { data: groups = [] } = useUserGroups();
     const [ userSource, setUserSource ] = useState(0);
     const [ groupType, setGroupType ] = useState(GROUP_CURRENT_ROOM);
     const [ selectedGroupId, setSelectedGroupId ] = useState(0);
     const [ quantifier, setQuantifier ] = useState(0);
     const { trigger = null, setIntParams = null } = useWired();
 
-    useMessageEvent<GuildMembershipsMessageEvent>(GuildMembershipsMessageEvent, event =>
-    {
-        const parser = event.getParser();
-
-        setGroups(parser.groups || []);
-    });
-
-    useEffect(() =>
-    {
-        SendMessageComposer(new CatalogGroupsComposer());
-    }, []);
-
     useEffect(() =>
     {
         if(!trigger) return;

src/components/wired/views/selectors/WiredSelectorUsersGroupView.tsx

@@ -1,8 +1,7 @@
-import { CatalogGroupsComposer, GuildMembershipsMessageEvent, HabboGroupEntryData } from '@nitrots/nitro-renderer';
 import { FC, useEffect, useMemo, useState } from 'react';
-import { LocalizeText, SendMessageComposer } from '../../../../api';
+import { LocalizeText } from '../../../../api';
 import { Text } from '../../../../common';
-import { useMessageEvent, useWired } from '../../../../hooks';
+import { useUserGroups, useWired } from '../../../../hooks';
 import { WiredSelectorBaseView } from './WiredSelectorBaseView';
 
 const GROUP_CURRENT_ROOM = 0;
@@ -10,25 +9,13 @@ const GROUP_SELECTED = 1;
 
 export const WiredSelectorUsersGroupView: FC<{}> = () =>
 {
-    const [ groups, setGroups ] = useState<HabboGroupEntryData[]>([]);
+    const { data: groups = [] } = useUserGroups();
     const [ groupType, setGroupType ] = useState(GROUP_CURRENT_ROOM);
     const [ selectedGroupId, setSelectedGroupId ] = useState(0);
     const [ filterExisting, setFilterExisting ] = useState(false);
     const [ invert, setInvert ] = useState(false);
     const { trigger = null, setIntParams = null } = useWired();
 
-    useMessageEvent<GuildMembershipsMessageEvent>(GuildMembershipsMessageEvent, event =>
-    {
-        const parser = event.getParser();
-
-        setGroups(parser.groups || []);
-    });
-
-    useEffect(() =>
-    {
-        SendMessageComposer(new CatalogGroupsComposer());
-    }, []);
-
     useEffect(() =>
     {
         if(!trigger) return;