fix: Reset modal now works, widget order has reset button etc

src/components/modals/main/settings/ResetModal.jsx

@@ -1,13 +1,16 @@
 import React from 'react';
 
+import SettingsFunctions from '../../../../modules/helpers/settings';
+
 export default function ResetModal(props) {
   return (
-    <div className='welcomeContent'>
-      <span className='closeModal' onClick={props.modalClose}>&times;</span>
-      <div className='welcomeModalText'>
-        reset text
-        <button className='close' onClick={props.modalClose}>yes</button>
-        <button className='close' onClick={props.modalClose}>no</button>
+    <div className='resetmodal'>
+      <h3 style={{'textAlign': 'center'}}>WARNING</h3>
+      <h4>Do you want to reset Mue?</h4>
+      <p>This will delete all data. If you want to keep your data and preferences, please export first.</p>
+      <div className='resetfooter'>
+        <button className='reset' onClick={() => SettingsFunctions.setDefaultSettings('reset')}>Reset</button>
+        <button className='import' onClick={props.modalClose}>Cancel</button>
       </div>
     </div>
   );