fix: broken loading state on slower queryChannels

Author: isekovanic

package/src/components/ChannelList/ChannelList.tsx

@@ -339,6 +339,7 @@ export const ChannelList = <
     loadingChannels,
     loadingNextPage,
     loadNextPage,
+    ready,
     refreshing,
     refreshList,
     reloadList,
@@ -416,7 +417,7 @@ export const ChannelList = <
   const channelIdsStr = channels?.reduce((acc, channel) => `${acc}${channel.cid}`, '');
 
   useEffect(() => {
-    if (channels == null || staticChannelsActive || !enableOfflineSupport) {
+    if (channels == null || !ready || staticChannelsActive || !enableOfflineSupport) {
       return;
     }
 

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -301,6 +301,7 @@ export const usePaginatedChannels = <
       activeQueryType.current === 'queryLocalDB' ? true : pagination?.isLoading || !ready,
     loadingNextPage: pagination?.isLoadingNext,
     loadNextPage: channelManager.loadNext,
+    ready,
     refreshing: activeQueryType.current === 'refresh',
     refreshList,
     reloadList,