Add error catch when fetching for playqueue

src/renderer/features/player/hooks/use-handle-playqueue-add.ts

@@ -47,15 +47,23 @@ export const useHandlePlayQueueAdd = () => {
         };
 
         const queryKey = queryKeys.songs.list(server?.id, queryFilter);
-        const songsList = await queryClient.fetchQuery(queryKey, async ({ signal }) =>
+        let songsList;
-          api.controller.getSongList({
+        try {
-            query: queryFilter,
+          songsList = await queryClient.fetchQuery(queryKey, async ({ signal }) =>
-            server,
+            api.controller.getSongList({
-            signal,
+              query: queryFilter,
-          }),
+              server,
-        );
+              signal,
+            }),
+          );
+        } catch (err: any) {
+          return toast.error({
+            message: err.message,
+            title: 'Play queue add failed',
+          });
+        }
 
-        if (!songsList) return toast.warn({ message: 'Error occurred while fetching' });
+        if (!songsList) return toast.warn({ message: 'No songs found' });
 
         switch (server?.type) {
           case 'jellyfin':