fix: various style issues

src/components/modals/main/settings/sections/Language.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import Dropdown from '../Dropdown';
 import Radio from '../Radio';
 
 const languages = require('../../../../../modules/languages.json');
+const quote_languages = require('../../../../../modules/quote_languages.json');
 
 export default function LanguageSettings() {
   const language = window.language.modals.main.settings.sections.language;
@@ -12,11 +12,8 @@ export default function LanguageSettings() {
     <>
       <h2>{language.title}</h2>
       <Radio name='language' options={languages} />
-      <br/>
-      <Dropdown label={language.quote} name='quotelanguage'>
-        <option value='English'>English</option>
-        <option value='French'>Français</option>
-      </Dropdown>
+      <h3>{language.quote}</h3>
+      <Radio name='quotelanguage' options={quote_languages} />
     </>
   );
 }

src/components/modals/main/settings/sections/Order.jsx

@@ -5,7 +5,7 @@ import DragHandleIcon from '@material-ui/icons/DragIndicator';
 
 const SortableItem = sortableElement(({value}) => (
   <li className='sortableitem'>
-    <DragHandleIcon/>
+    <DragHandleIcon style={{'verticalAlign': 'middle'}} />
     {value.charAt(0).toUpperCase() + value.slice(1)}
   </li>
 ));