style(checkbox): Match mui design

Co-authored-by: David Ralph <me@davidcralph.co.uk>

src/features/marketplace/views/Added.jsx

@@ -11,7 +11,7 @@ import { Dropdown, FileUpload } from 'components/Form/Settings';
 import { Header, CustomActions } from 'components/Layout/Settings';
 import { Button } from 'components/Elements';
 
-import { install, uninstall, urlParser } from 'utils/marketplace';
+import { install, uninstall } from 'utils/marketplace';
 
 export default class Added extends PureComponent {
   constructor() {
@@ -100,7 +100,7 @@ export default class Added extends PureComponent {
           type: info.data.type,
           display_name: info.data.name,
           author: info.data.author,
-          description: urlParser(info.data.description.replace(/\n/g, '<br>')),
+          description: info.data.description,
           //updated: info.updated,
           version: info.data.version,
           icon: info.data.screenshot_url,

src/features/marketplace/views/Browse.jsx

@@ -16,7 +16,7 @@ import Dropdown from '../../../components/Form/Settings/Dropdown/Dropdown';
 import { Header } from 'components/Layout/Settings';
 import { Button } from 'components/Elements';
 
-import { install, urlParser, uninstall } from 'utils/marketplace';
+import { install, uninstall } from 'utils/marketplace';
 
 class Marketplace extends PureComponent {
   constructor() {
@@ -98,7 +98,7 @@ class Marketplace extends PureComponent {
           type: info.data.type,
           display_name: info.data.name,
           author: info.data.author,
-          description: urlParser(info.data.description.replace(/\n/g, '<br>')),
+          description: info.data.description,
           //updated: info.updated,
           version: info.data.version,
           icon: info.data.screenshot_url,

src/features/marketplace/views/ItemPage.jsx

@@ -23,6 +23,8 @@ import { ShareModal } from 'components/Elements';
 import placeholderIcon from 'assets/icons/marketplace-placeholder.png';
 import { Items } from '../components/Items/Items';
 
+import Markdown from 'markdown-to-jsx';
+
 class ItemPage extends PureComponent {
   constructor(props) {
     super(props);
@@ -230,10 +232,7 @@ class ItemPage extends PureComponent {
               <span className="title">
                 {variables.getMessage('modals.main.marketplace.product.description')}
               </span>
-              <span
-                className="subtitle"
-                dangerouslySetInnerHTML={{ __html: this.props.data.description }}
-              />
+              <Markdown>{this.props.data.data.description}</Markdown>
             </div>
             {this.props.data.data.quotes && (
               <>

src/features/misc/sections/Changelog.jsx

@@ -111,7 +111,9 @@ class Changelog extends PureComponent {
           <span className="mainTitle">{this.state.title}</span>
           <span className="subtitle">Released on {this.state.date}</span>
         </div>
-        <Markdown>{this.state.content}</Markdown>
+        <Markdown options={{ overrides: { a: { props: { target: '_blank' } } } }}>
+          {this.state.content}
+        </Markdown>
       </article>
     );
   }