refactor: enhance listenChannel function and update notification handling

- Refactored the listenChannel function to accept an object of event handlers instead of separate parameters, improving flexibility and readability.
- Updated the RealtimeProvider to use the new handler structure for invalidating notification queries upon receiving new notifications.

Author: kingRayhan

src/components/providers/RealtimeProvider.tsx

@@ -28,11 +28,14 @@ export function RealtimeProvider({ children }: PropsWithChildren) {
     if (!userId) return;
 
     const channelName = `private-user.${userId}`;
-    return listenChannel(channelName, "notification.new", () => {
+    const invalidate = () => {
       queryClient.invalidateQueries({ queryKey: ["my-notifications"] });
       queryClient.invalidateQueries({
         queryKey: ["unread-notification-count"],
       });
+    };
+    return listenChannel(channelName, {
+      "notification.new": invalidate,
     });
   }, [userId, queryClient]);
 

src/lib/pusher/pusher.client.ts

@@ -28,22 +28,7 @@ type EventHandlers = Record<string, () => void>;
 export function listenChannel(
   channel: string,
   handlers: EventHandlers,
-): () => void;
-export function listenChannel(
-  channel: string,
-  event: string,
-  handler: () => void,
-): () => void;
-export function listenChannel(
-  channel: string,
-  eventOrHandlers: string | EventHandlers,
-  handler?: () => void,
 ): () => void {
-  const handlers: EventHandlers =
-    typeof eventOrHandlers === "string" && handler !== undefined
-      ? { [eventOrHandlers]: handler }
-      : (eventOrHandlers as EventHandlers);
-
   const pusher = getPusherClient();
   if (!pusher) {
     return () => {};