Breadcrumbs Item retains CSS focus styling after focus has passed on to new element

### Provide a general summary of the issue here

Breadcrumbs Item retains CSS focus styling even after focus has passed on to a new element.

### 🤔 Expected Behavior?

Breadcrumb Item should properly remove the blue focus border when it is no longer the focused element in the browser.

### 😯 Current Behavior

The blue focus border remains around the breadcrumb element.

### 💁 Possible Solution

N/A

### 🔦 Context

We are using Breadcrumbs to navigate to a higher-level folder, then pressing `tab` to start keyboard-navigating the TableView component below the Breadcrumbs.

### 🖥️ Steps to Reproduce

https://codesandbox.io/s/infallible-flower-x6jmfd?file=/src/App.js

1. Select the `Second` breadcrumb item with mouse
3. Press `tab` to start keyboard focus
4. Notice breadcrumb item applies focus CSS even though TableView has the focus
5. Use arrow keys to see that even though the focus has moved to TableView, the CSS blue highlighting remains on the Breadcrumb item.

### Version

3.27.0

### What browsers are you seeing the problem on?

Chrome

### If other, please specify.

_No response_

### What operating system are you using?

Windows

### 🧢 Your Company/Team

Adobe / Assets Essentials

### 🕷 Tracking Issue

_No response_