feat(query): integrate @tanstack/react-query for improved data fetching and state management

src/modules/query.ts

@@ -1,6 +1,8 @@
 import { Query, DataOpts } from '@kevisual/query';
 import { QueryLoginBrowser } from '@kevisual/api/query-login'
 import { useContextKey } from '@kevisual/context';
+import { QueryClient } from '@tanstack/react-query';
+
 export const query = useContextKey('query', new Query({
   url: '/api/router',
 }));
@@ -11,4 +13,6 @@ export const queryClient = useContextKey('queryClient', new Query({
 
 export const queryLogin = useContextKey('queryLogin', new QueryLoginBrowser({
   query: query
-}));
+}));
+
+export const stackQueryClient = useContextKey('stackQueryClient', new QueryClient());