pl-fe: migrate /api/v*/instance to tanstack query

Signed-off-by: mkljczk <git@mkljczk.pl>

packages/pl-fe/src/hooks/use-features.ts

@@ -1,7 +1,8 @@
 import { Features } from 'pl-api';
 
+import { useInstance } from 'pl-fe/api/hooks/instance/use-instance';
+
 import { useAppSelector } from './use-app-selector';
-import { useInstance } from './use-instance';
 
 /** Get features for the current instance. */
 const useFeatures = (): Features => {

packages/pl-fe/src/hooks/use-instance.ts

@@ -1,6 +0,0 @@
-import { useAppSelector } from './use-app-selector';
-
-/** Get the Instance for the current backend. */
-const useInstance = () => useAppSelector((state) => state.instance);
-
-export { useInstance };

packages/pl-fe/src/hooks/use-registration-status.ts

@@ -1,8 +1,9 @@
+import { useInstance } from 'pl-fe/api/hooks/instance/use-instance';
+
 import { useFeatures } from './use-features';
-import { useInstance } from './use-instance';
 
 const useRegistrationStatus = () => {
-  const instance = useInstance();
+  const { data: instance } = useInstance();
   const features = useFeatures();
 
   return {

packages/pl-fe/src/hooks/use-vapid-key.ts

@@ -0,0 +1,11 @@
+import { useInstance } from 'pl-fe/api/hooks/instance/use-instance';
+
+import { useAppSelector } from './use-app-selector';
+
+const useVapidKey = () => {
+  const { data: instance } = useInstance();
+
+  return useAppSelector((state) => instance.configuration.vapid.public_key || state.auth.app?.vapid_key);
+};
+
+export { useVapidKey };