fix lint error and add tags to swaps card

src/components/safe-apps/hooks/useNativeSwapsAppCard.ts

@@ -2,7 +2,7 @@ import { AppRoutes } from '@/config/routes'
 import useChainId from '@/hooks/useChainId'
 import useLocalStorage from '@/services/local-storage/useLocalStorage'
 import type { SafeAppData } from '@safe-global/safe-gateway-typescript-sdk'
-import { SafeAppAccessPolicyTypes } from '@safe-global/safe-gateway-typescript-sdk'
+import { SafeAppAccessPolicyTypes, SafeAppFeatures } from '@safe-global/safe-gateway-typescript-sdk'
 import { useHasFeature } from '@/hooks/useChains'
 import { FEATURES } from '@/utils/chains'
 import { NATIVE_SWAPS_APP_ID } from '@/features/swap/config/constants'
@@ -24,8 +24,8 @@ export function useNativeSwapsAppCard() {
     name: 'Native swaps are here!',
     description: 'Experience seamless trading with better decoding and security in native swaps.',
     accessControl: { type: SafeAppAccessPolicyTypes.NoRestrictions },
-    tags: ['DeFi'],
-    features: [],
+    tags: ['DeFi', 'DEX'],
+    features: [SafeAppFeatures.BATCHED_TRANSACTIONS],
     socialProfiles: [],
     developerWebsite: '',
     chainIds: [chainId],

src/pages/apps/index.tsx

@@ -19,7 +19,7 @@ const SafeApps: NextPage = () => {
   const router = useRouter()
   const { swapsCardDetails } = useNativeSwapsAppCard()
   const { remoteSafeApps, remoteSafeAppsLoading, pinnedSafeApps, pinnedSafeAppIds, togglePin } = useSafeApps()
-  const allApps = [swapsCardDetails, ...remoteSafeApps]
+  const allApps = useMemo(() => [swapsCardDetails, ...remoteSafeApps], [remoteSafeApps, swapsCardDetails])
   const { filteredApps, query, setQuery, setSelectedCategories, setOptimizedWithBatchFilter, selectedCategories } =
     useSafeAppsFilters(allApps)
   const isFiltered = filteredApps.length !== allApps.length