fix: achievement toast styling, marketplace general improvements

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

src/features/misc/sections/Experimental.jsx

@@ -3,6 +3,7 @@ import { useState, memo } from 'react';
 import { Checkbox, Slider } from 'components/Form/Settings';
 import { Button } from 'components/Elements';
 import { TextField } from '@mui/material';
+import { toast } from 'react-toastify';
 
 import EventBus from 'utils/eventbus';
 import values from 'utils/data/slider_values.json';
@@ -59,6 +60,16 @@ function ExperimentalOptions() {
             onClick={() => EventBus.emit(eventType, eventName)}
             label="Send"
           />
+          <Button
+            type="settings"
+            onClick={() => toast('Toasted successfully')}
+            label="Normal Toast"
+          />
+          <Button
+            type="settings"
+            onClick={() => toast.success('Toasted successfully')}
+            label="Achievement Unlocked Toast"
+          />
         </Action>
       </Row>
       <Row final={true}>