FE: Fix typos

Author: Vixtir

frontend/src/components/common/Fts/Fts.tsx

@@ -21,10 +21,10 @@ export const IconWrapper = styled.span.attrs<{ active: boolean }>(() => ({
 `;
 
 const Fts = ({ resourceName }: { resourceName: FtsAvailableResource }) => {
-  const { ftsEnabled: isFtsFetureEnabled } = React.useContext(ClusterContext);
+  const { ftsEnabled: isFtsFeatureEnabled } = React.useContext(ClusterContext);
   const { handleSwitch, isFtsEnabled } = useFts(resourceName);
 
-  if (!isFtsFetureEnabled) {
+  if (!isFtsFeatureEnabled) {
     return null;
   }
 

frontend/src/components/common/Fts/useFts.ts

@@ -66,7 +66,7 @@ const useFts = (resourceName: FtsAvailableResource) => {
 
   return {
     handleSwitch,
-    isFtsFetureEnabled: isFtsFeatureEnabled,
+    isFtsFeatureEnabled,
     isFtsEnabled,
   };
 };

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

@@ -30,10 +30,19 @@ const connectorsKey = (
   search?: string,
   fts?: boolean
 ) => {
-  const base = ['clusters', clusterName, 'connectors', fts, 'fts'];
+  let base: Array<string | { search: string } | { fts: boolean }> = [
+    'clusters',
+    clusterName,
+    'connectors',
+  ];
   if (search) {
-    return [...base, { search }];
+    base = [...base, { search }];
   }
+
+  if (fts) {
+    base = [...base, { fts }];
+  }
+
   return base;
 };
 const connectorKey = (props: UseConnectorProps) => [