Removed onBackdropClick deprecated property

ui/package.json

@@ -58,7 +58,7 @@
     "update-workbox": "bin/update-workbox.sh"
   },
   "homepage": ".",
-  "proxy": "http://localhost:4633/",
+  "proxy": "http://127.0.0.1:4633/",
   "eslintConfig": {
     "extends": [
       "react-app",

ui/src/dialogs/AboutDialog.js

@@ -52,12 +52,7 @@ const LinkToVersion = ({ version }) => {
 const AboutDialog = ({ open, onClose }) => {
   const translate = useTranslate()
   return (
-    <Dialog
+    <Dialog onClose={onClose} aria-labelledby="about-dialog-title" open={open}>
-      onClose={onClose}
-      onBackdropClick={onClose}
-      aria-labelledby="about-dialog-title"
-      open={open}
-    >
       <DialogTitle id="about-dialog-title" onClose={onClose}>
         Navidrome Music Server
       </DialogTitle>

ui/src/dialogs/AddToPlaylistDialog.js

@@ -139,7 +139,6 @@ export const AddToPlaylistDialog = () => {
       <Dialog
         open={open}
         onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
         aria-labelledby="form-dialog-new-playlist"
         fullWidth={true}
         maxWidth={'sm'}

ui/src/dialogs/DownloadMenuDialog.js

@@ -44,7 +44,6 @@ const DownloadMenuDialog = () => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="download-dialog"
       fullWidth={true}
       maxWidth={'sm'}

ui/src/dialogs/DuplicateSongDialog.js

@@ -21,7 +21,6 @@ const DuplicateSongDialog = ({
     <Dialog
       open={open}
       onClose={handleClickClose}
-      onBackdropClick={handleClickClose}
       aria-labelledby="form-dialog-duplicate-song"
     >
       <DialogTitle id="form-dialog-duplicate-song">

ui/src/dialogs/ExpandInfoDialog.js

@@ -25,7 +25,6 @@ const ExpandInfoDialog = ({ title, content }) => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="info-dialog-album"
       fullWidth={true}
       maxWidth={'sm'}

ui/src/dialogs/HelpDialog.js

@@ -73,11 +73,7 @@ export const HelpDialog = (props) => {
   return (
     <>
       <GlobalHotKeys keyMap={keyMap} handlers={handlers} allowChanges />
-      <HelpTable
+      <HelpTable open={open} onClose={handleClickClose} />
-        open={open}
-        onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
-      />
     </>
   )
 }

ui/src/dialogs/ListenBrainzTokenDialog.js

@@ -82,7 +82,6 @@ export const ListenBrainzTokenDialog = ({ setLinked }) => {
       <Dialog
         open={open}
         onClose={handleClickClose}
-        onBackdropClick={handleClickClose}
         aria-labelledby="form-dialog-listenbrainz-token"
         fullWidth={true}
         maxWidth="md"

ui/src/dialogs/ShareDialog.js

@@ -93,7 +93,6 @@ export const ShareDialog = () => {
     <Dialog
       open={open}
       onClose={handleClose}
-      onBackdropClick={handleClose}
       aria-labelledby="share-dialog"
       fullWidth={true}
       maxWidth={'sm'}