FE: Fix refetching data on window focus

frontend/src/lib/constants.ts

@@ -73,6 +73,10 @@ export const QUERY_REFETCH_OFF_OPTIONS = {
   refetchIntervalInBackground: false,
 };
 
+export const QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION = {
+  refetchOnWindowFocus: false,
+};
+
 // Cluster Form Constants
 export const AUTH_OPTIONS = [
   { value: 'SASL/JAAS', label: 'SASL/JAAS' },

frontend/src/lib/hooks/api/schemas.ts

@@ -5,6 +5,7 @@ import {
   SCHEMA_QUERY_KEY,
   SCHEMAS_VERSION_QUERY_KEY,
 } from 'lib/queries';
+import { QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION } from 'lib/constants';
 import {
   CompatibilityLevel,
   GetAllVersionsBySubjectRequest,
@@ -28,6 +29,7 @@ export function useGetLatestSchema(param: GetLatestSchemaRequest) {
       param.subject,
     ],
     queryFn: () => schemasApiClient.getLatestSchema(param),
+    ...QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION,
   });
 }
 

frontend/src/lib/hooks/api/topics.ts

@@ -21,6 +21,7 @@ import {
   TopicFormDataRaw,
   TopicFormFormattedParams,
 } from 'lib/interfaces/topic';
+import { QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION } from 'lib/constants';
 
 export const topicKeys = {
   all: (clusterName: ClusterName) =>
@@ -50,10 +51,18 @@ export function useTopics(props: GetTopicsRequest) {
   );
 }
 export function useTopicDetails(props: GetTopicDetailsRequest) {
-  return useQuery(topicKeys.details(props), () => api.getTopicDetails(props));
+  return useQuery(
+    topicKeys.details(props),
+    () => api.getTopicDetails(props),
+    QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION
+  );
 }
 export function useTopicConfig(props: GetTopicDetailsRequest) {
-  return useQuery(topicKeys.config(props), () => api.getTopicConfigs(props));
+  return useQuery(
+    topicKeys.config(props),
+    () => api.getTopicConfigs(props),
+    QUERY_REFETCH_ON_WINDOW_FOCUS_OFF_OPTION
+  );
 }
 export function useTopicConsumerGroups(props: GetTopicDetailsRequest) {
   return useQuery(topicKeys.consumerGroups(props), () =>