Header navigation in Mobile menu doesn't have a outline on Close icon when opened

[yogesh27]

ReactUSWDS 6.1.0 & USWDS Version 3.7.1:

Header navigation in the Mobile menu doesn't have an outline on the Close icon when opened for the mobile view. Once the Menu button is activated, the focus should be set to the Close button and when the Close button is activated, the visible focus should be set to the Menu button.
Although we are using ReactUSWDS 6.1.0 & USWDS Version 3.7.1 but this issue can be reproduced at the example components deployed at https://trussworks.github.io/react-uswds

To Reproduce
Steps to reproduce the behavior:

1. Go to https://trussworks.github.io/react-uswds/?path=/story/components-header--extended-header
2. Open this page in mobile view using the browser's emulation
3. Click on Menu, and it will open the header items in a side navigation bar
4. Once the Menu button is clicked, the focus should be set to the Close button
5. The visible focus is not set to the Menu button when clicking the Close button.

Expected behavior
Once the Menu button is activated, the focus should be set to the Close button and when the Close button is activated, the visible focus should be set to the Menu button.

This behaviour works fine on the the USWDS components, but not working at react-uswds library.

Screenshots

Working at USWDS:
https://federalist-3b6ba08e-0df4-44c9-ac73-6fc193b0e19c.sites.pages.cloud.gov/preview/uswds/uswds/develop/iframe.html?id=components-header--extended-megamenu&args=&viewMode=story

Not working with react-uswds:
https://trussworks.github.io/react-uswds/iframe.html?args=&id=components-header--extended-header&viewMode=story

Additional context

Device and Browser Information (please complete the following information if describing a UI bug):

• Browser - chrome
• Version 126.0.6478.127