fix: Recreates the GroupChannelCollection when channelListQueryParams change (#1182)

[CLNP-4233](https://sendbird.atlassian.net/browse/CLNP-4233)

### Issue
When customers used channelListQueryParams in GroupChannelList, the
channel list was not refreshed with the new query parameters when their
values were changed.

### Fix
The channel list now refreshes when the values of channelListQueryParams
are changed.

[CLNP-4233]:
https://sendbird.atlassian.net/browse/CLNP-4233?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: HoonBaek

src/modules/GroupChannelList/context/GroupChannelListProvider.tsx

@@ -48,7 +48,7 @@ export interface GroupChannelListContextType extends ContextBaseType, ChannelLis
 }
 export interface GroupChannelListProviderProps
   extends PartialRequired<ContextBaseType, 'onChannelSelect' | 'onChannelCreated'>,
-    Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
+  Pick<UserProfileProviderProps, 'onUserProfileMessage' | 'renderUserProfile' | 'disableUserProfile'> {
   children?: React.ReactNode;
 }
 
@@ -103,6 +103,15 @@ export const GroupChannelListProvider = (props: GroupChannelListProviderProps) =
     }
   }, [disableAutoSelect, stores.sdkStore.initialized, initialized, selectedChannelUrl]);
 
+  // Recreates the GroupChannelCollection when `channelListQueryParams` change
+  useEffect(() => {
+    refresh();
+  }, [
+    Object.keys(channelListQueryParams ?? {}).sort()
+      .map((key: string) => `${key}=${encodeURIComponent(JSON.stringify(channelListQueryParams[key]))}`)
+      .join('&'),
+  ]);
+
   const [typingChannelUrls, setTypingChannelUrls] = useState<string[]>([]);
   useGroupChannelHandler(sdk, {
     onTypingStatusUpdated: (channel) => {