refactor: rewrite useNotifications with RQ

packages/web/src/hooks/useAutomatischNotifications.js

@@ -0,0 +1,16 @@
+import { useQuery } from '@tanstack/react-query';
+import api from 'helpers/api';
+
+export default function useAutomatischNotifications() {
+  const query = useQuery({
+    queryKey: ['automatisch', 'notifications'],
+    queryFn: async ({ signal }) => {
+      const { data } = await api.get(`/v1/automatisch/notifications`, {
+        signal,
+      });
+      return data;
+    },
+  });
+
+  return query;
+}

packages/web/src/hooks/useNotifications.js

@@ -1,10 +0,0 @@
-import { useQuery } from '@apollo/client';
-import { GET_NOTIFICATIONS } from 'graphql/queries/get-notifications';
-export default function useNotifications() {
-  const { data, loading } = useQuery(GET_NOTIFICATIONS);
-  const notifications = data?.getNotifications || [];
-  return {
-    loading,
-    notifications,
-  };
-}

packages/web/src/hooks/useVersion.js

@@ -1,11 +1,11 @@
 import { compare } from 'compare-versions';
 import { useQuery } from '@tanstack/react-query';
 
-import useNotifications from 'hooks/useNotifications';
+import useAutomatischNotifications from 'hooks/useAutomatischNotifications';
 import api from 'helpers/api';
 
 export default function useVersion() {
-  const { notifications } = useNotifications();
+  const { data: notificationsData } = useAutomatischNotifications();
   const { data } = useQuery({
     queryKey: ['automatischVersion'],
     queryFn: async ({ signal }) => {
@@ -17,6 +17,7 @@ export default function useVersion() {
     },
   });
   const version = data?.data?.version;
+  const notifications = notificationsData?.data || [];
 
   const newVersionCount = notifications.reduce((count, notification) => {
     if (!version) return 0;