Audio Block: Refactor setting panel to use ToolsPanel

[shimotmk]

What?

Part of #67813

Make the settings panel more consistent with other blocks

Testing Instructions

1. Open a post or page.
2. Insert a audio block
3. Open the settings panel
4. You can see that you can set it up just like before.

Testing Instructions for Keyboard

Screenshots or screencast

Before	After

audio-block.mp4

[github-actions]

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: shimotmk <shimotomoki@git.wordpress.org>
Co-authored-by: carolinan <poena@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

[carolinan]

Resetting the options to false and undefined looks correct to me.

[t-hamano]

LGTM!

Although not directly related to the purpose of this PR, can you fix the following browser console error? This error occurs the first time you insert a block, apply media, and enable "Autoplay" or "Loop":

diff --git a/packages/block-library/src/audio/edit.js b/packages/block-library/src/audio/edit.js
index 47e73b4ea7..5b2737873f 100644
--- a/packages/block-library/src/audio/edit.js
+++ b/packages/block-library/src/audio/edit.js
@@ -190,7 +190,7 @@ function AudioEdit( {
                                                        __nextHasNoMarginBottom
                                                        label={ __( 'Autoplay' ) }
                                                        onChange={ toggleAttribute( 'autoplay' ) }
-                                                       checked={ autoplay }
+                                                       checked={ !! autoplay }
                                                        help={ getAutoplayHelp }
                                                />
                                        </ToolsPanelItem>
@@ -208,7 +208,7 @@ function AudioEdit( {
                                                        __nextHasNoMarginBottom
                                                        label={ __( 'Loop' ) }
                                                        onChange={ toggleAttribute( 'loop' ) }
-                                                       checked={ loop }
+                                                       checked={ !! loop }
                                                />
                                        </ToolsPanelItem>
                                        <ToolsPanelItem

9e253326d8c23852e0da379bcc1fc0e1.mp4

[shimotmk]

Thanks for the review
I fixed it

[t-hamano]

Note: The currently failing E2E tests are not caused by this PR. See https://core.trac.wordpress.org/ticket/56481#comment:45

Once this issue is resolved, let's run the E2E tests again.