fix: various widget fixes and cleanup etc

Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>

src/components/helpers/preview/Preview.jsx

@@ -1,11 +1,15 @@
+import variables from 'modules/variables';
+
 import './preview.scss';
 
 export default function Preview(props) {
+  const getMessage = (text) => variables.language.getMessage(variables.languagecode, text);
+
   return (
-    <div className='preview'>
-      <h3>NOTICE</h3>
-      <h1>You are currently in preview mode. Settings will be reset on closing this tab.</h1>
-      <button className='uploadbg' onClick={() => props.setup()}>Continue Setup</button>
+    <div className='preview-mode'>
+      <h3>{getMessage('modals.main.settings.reminder.title')}</h3>
+      <h1>{getMessage('modals.welcome.preview.description')}</h1>
+      <button className='uploadbg' onClick={() => props.setup()}>{getMessage('modals.welcome.preview.continue')}</button>
     </div>
   );
 }

src/components/helpers/preview/preview.scss

@@ -1,4 +1,4 @@
-.preview {
+.preview-mode {
   position: absolute;
   bottom: 20px;
   right: 20px;