Moved the SettingsProvider up in the hierarchy

client/src/common/layouts/Root/Root.jsx

@@ -22,22 +22,21 @@ export const Root = () => {
 
     return (
         <MusicProvider>
+            <SettingsProvider>
                 <GroupProvider>
                     <div className="root">
                         <Header/>
 
                         <main>
-                        <SettingsProvider>
                             {outlet}
-                        </SettingsProvider>
                         </main>
 
                         <Footer/>
 
                         <Background/>
-
                     </div>
                 </GroupProvider>
+            </SettingsProvider>
         </MusicProvider>
-);
+    );
 }