fix: address code review comments

- Run Biome formatter to fix import ordering and code style
- Change pageSize from 1000 to 100 for gateway queries
- Rename useLegacyApiKeyMode to isLegacyApiKeyMode (non-hook variable)
- Clarify proxy configuration supports both Console backend and AI Gateway
- Update useEffect dependencies for exhaustive deps check

Author: alenkacz

frontend/src/components/pages/agents/create/ai-agent-create-page.tsx

@@ -75,24 +75,24 @@ export const AIAgentCreatePage = () => {
   });
 
   // Feature flag: when true, use legacy API key mode (hardcoded providers)
-  const useLegacyApiKeyMode = isFeatureFlagEnabled('enableApiKeyConfigurationAgent');
+  const isLegacyApiKeyMode = isFeatureFlagEnabled('enableApiKeyConfigurationAgent');
 
   // Gateway detection and list query (using v1 API from ai-gateway module)
   // Only fetch when NOT in legacy mode
   const { data: gatewaysData, isLoading: isLoadingGateways } = useListGatewaysQuery(
-    { pageSize: 1000 }, // Get all gateways (max 1000)
-    { enabled: !useLegacyApiKeyMode }
+    { pageSize: 100 },
+    { enabled: !isLegacyApiKeyMode }
   );
 
   const hasGatewayDeployed = useMemo(() => {
-    if (useLegacyApiKeyMode || isLoadingGateways) {
+    if (isLegacyApiKeyMode || isLoadingGateways) {
       return false;
     }
     return Boolean(gatewaysData?.gateways && gatewaysData.gateways.length > 0);
-  }, [useLegacyApiKeyMode, gatewaysData, isLoadingGateways]);
+  }, [isLegacyApiKeyMode, gatewaysData, isLoadingGateways]);
 
   const availableGateways = useMemo(() => {
-    if (useLegacyApiKeyMode || !gatewaysData?.gateways) {
+    if (isLegacyApiKeyMode || !gatewaysData?.gateways) {
       return [];
     }
     return gatewaysData.gateways.map((gw) => {
@@ -104,7 +104,7 @@ export const AIAgentCreatePage = () => {
         description: gw.description,
       };
     });
-  }, [useLegacyApiKeyMode, gatewaysData]);
+  }, [isLegacyApiKeyMode, gatewaysData]);
 
   // Ref to ServiceAccountSelector to call createServiceAccount
   const serviceAccountSelectorRef = useRef<ServiceAccountSelectorRef>(null);
@@ -143,10 +143,10 @@ export const AIAgentCreatePage = () => {
 
   // Auto-select first gateway when gateways are available (only if not in legacy mode)
   useEffect(() => {
-    if (!useLegacyApiKeyMode && availableGateways.length > 0 && !form.getValues('gatewayId')) {
+    if (!isLegacyApiKeyMode && availableGateways.length > 0 && !form.getValues('gatewayId')) {
       form.setValue('gatewayId', availableGateways[0].id);
     }
-  }, [useLegacyApiKeyMode, availableGateways.length, form]);
+  }, [isLegacyApiKeyMode, availableGateways.length, form]);
 
   const {
     fields: tagFields,

frontend/src/react-query/api/ai-gateway.tsx

@@ -9,18 +9,18 @@ import {
   ListGatewaysRequestSchema,
   type ListGatewaysResponse,
 } from 'protogen/redpanda/api/aigateway/v1/gateway_pb';
+import { listGateways } from 'protogen/redpanda/api/aigateway/v1/gateway-GatewayService_connectquery';
 import {
   type ListModelProvidersRequest,
   ListModelProvidersRequestSchema,
   type ListModelProvidersResponse,
 } from 'protogen/redpanda/api/aigateway/v1/model_providers_pb';
+import { listModelProviders } from 'protogen/redpanda/api/aigateway/v1/model_providers-ModelProvidersService_connectquery';
 import {
   type ListModelsRequest,
   ListModelsRequestSchema,
   type ListModelsResponse,
 } from 'protogen/redpanda/api/aigateway/v1/models_pb';
-import { listGateways } from 'protogen/redpanda/api/aigateway/v1/gateway-GatewayService_connectquery';
-import { listModelProviders } from 'protogen/redpanda/api/aigateway/v1/model_providers-ModelProvidersService_connectquery';
 import { listModels } from 'protogen/redpanda/api/aigateway/v1/models-ModelsService_connectquery';
 import type { MessageInit, QueryOptions } from 'react-query/react-query.utils';
 
@@ -46,8 +46,8 @@ export const useListGatewaysQuery = (
   return useQuery(listGateways, listGatewaysRequest, {
     enabled: options?.enabled,
     transport,
-    staleTime: 60000, // 1 minute - prevent excessive refetching
-    gcTime: 300000, // 5 minutes cache
+    staleTime: 60_000, // 1 minute - prevent excessive refetching
+    gcTime: 300_000, // 5 minutes cache
     refetchOnWindowFocus: false,
     refetchOnMount: false,
     refetchOnReconnect: false,
@@ -73,8 +73,8 @@ export const useListModelProvidersQuery = (
   return useQuery(listModelProviders, listModelProvidersRequest, {
     enabled: options?.enabled,
     transport,
-    staleTime: 60000, // 1 minute - prevent excessive refetching
-    gcTime: 300000, // 5 minutes cache
+    staleTime: 60_000, // 1 minute - prevent excessive refetching
+    gcTime: 300_000, // 5 minutes cache
     refetchOnWindowFocus: false,
     refetchOnMount: false,
     refetchOnReconnect: false,
@@ -105,8 +105,8 @@ export const useListModelsQuery = (
   return useQuery(listModels, listModelsRequest, {
     enabled: options?.enabled,
     transport,
-    staleTime: 60000, // 1 minute - prevent excessive refetching
-    gcTime: 300000, // 5 minutes cache
+    staleTime: 60_000, // 1 minute - prevent excessive refetching
+    gcTime: 300_000, // 5 minutes cache
     refetchOnWindowFocus: false,
     refetchOnMount: false,
     refetchOnReconnect: false,