chore: Update react-aria-components to use safe APIs for autocomplete (#39759)

## Description
`react-aria-components` had the `UNSAFE_Autocomplete` API in `v1.60`.
Upgrading the package to `v1.7.1` allows us to use the `Autocomplete`
API.


Fixes #`Issue Number`  
_or_  
Fixes `Issue URL`
> [!WARNING]  
> _If no issue exists, please create an issue first, and check with the
maintainers if the issue is valid._

## Automation

/ok-to-test tags="@tag.Anvil,@tag.AIAgents"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/13916819228>
> Commit: f7b894d3ec09d5c6dc2161088e28ed1aedda39f4
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=13916819228&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Anvil,@tag.AIAgents`
> Spec:
> <hr>Tue, 18 Mar 2025 06:50:46 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [x] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

- **Chores**
- Upgraded a core design system dependency to leverage the latest
improvements.
- **Refactor**
- Enhanced the multi-select widget by updating its autocomplete
functionality for a more consistent and smooth user experience.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

app/client/packages/design-system/widgets/package.json

@@ -31,7 +31,7 @@
     "@tabler/icons-react": "^3.10.0",
     "clsx": "^2.0.0",
     "lodash": ">=4.17.21",
-    "react-aria-components": "^1.6.0",
+    "react-aria-components": "^1.7.1",
     "react-markdown": "^9.0.1",
     "react-syntax-highlighter": "^15.5.0",
     "react-transition-group": "^4.4.5",

app/client/packages/design-system/widgets/src/components/MultiSelect/src/MultiSelect.tsx

@@ -4,7 +4,7 @@ import React, { useRef, useState } from "react";
 import { useField } from "react-aria";
 import {
   DialogTrigger,
-  UNSTABLE_Autocomplete,
+  Autocomplete,
   useFilter,
   ButtonContext,
   type Selection,
@@ -141,7 +141,7 @@ export const MultiSelect = <T extends { label: string; value: string }>(
               }
               triggerRef={triggerRef}
             >
-              <UNSTABLE_Autocomplete filter={filter}>
+              <Autocomplete filter={filter}>
                 <TextField autoFocus className={styles.textField} />
                 <ListBox
                   className={styles.listBox}
@@ -171,7 +171,7 @@ export const MultiSelect = <T extends { label: string; value: string }>(
                     </ListBoxItem>
                   )}
                 </ListBox>
-              </UNSTABLE_Autocomplete>
+              </Autocomplete>
             </Popover>
           </DialogTrigger>
         </div>