refactor: Change search-apps query to give more meta about the App.

That will support the send-transaction feature to deal with v1 and v2 Applications.

apps/web/src/components/connection/connectionForm.tsx

@@ -145,6 +145,8 @@ const AppConnectionForm: FC<AppConnectionFormProps> = ({
         chainId,
     });
 
+    const applicationAddressList = applications.map((a) => a.address);
+
     const showLoader = !isEmpty(debouncedAddress) && fetching;
 
     const { validURL } = React.useMemo(
@@ -219,7 +221,7 @@ const AppConnectionForm: FC<AppConnectionFormProps> = ({
                     description="The application smart contract address."
                     rightSection={showLoader ? <Loader size="sm" /> : ""}
                     placeholder="0x"
-                    data={applications}
+                    data={applicationAddressList}
                     data-testid="connection-address"
                     {...form.getInputProps("address")}
                 />

apps/web/src/hooks/useSearchApplications.ts

@@ -1,15 +1,22 @@
 import React from "react";
 import { useApplicationsQuery } from "../graphql/explorer/hooks/queries";
+import { RollupVersion } from "../graphql/explorer/types";
 
 export const useSearchApplications = ({
     chainId,
     address,
     limit,
+    rollupVersion,
 }: {
     chainId: string;
     address?: string;
     limit?: number;
+    rollupVersion?: RollupVersion;
 }) => {
+    const rollupVersionFilter = rollupVersion
+        ? { rollupVersion_eq: rollupVersion }
+        : {};
+
     const [{ data: applicationData, fetching }] = useApplicationsQuery({
         variables: {
             limit: limit ?? 10,
@@ -18,12 +25,15 @@ export const useSearchApplications = ({
                 chain: {
                     id_eq: chainId,
                 },
+                ...rollupVersionFilter,
             },
         },
     });
+
     const applications = React.useMemo(
-        () => (applicationData?.applications ?? []).map((a) => a.address),
+        () => applicationData?.applications ?? [],
         [applicationData],
     );
+
     return { applications, fetching };
 };