refactor: minor cleanup

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

@@ -34,7 +34,7 @@ function ExperimentalSettings() {
           marks={values('experimental')}
           element=".other"
         />
-        <p>Send Event</p>
+        <p style={{ textAlign: 'left' }}>Send Event</p>
         <TextField
           label={'Type'}
           value={eventType}
@@ -51,14 +51,14 @@ function ExperimentalSettings() {
           varient="outlined"
           InputLabelProps={{ shrink: true }}
         />
-      </SettingsItem>
-      <SettingsItem
-        title={variables.getMessage('modals.main.settings.sections.experimental.developer')}
-        final={true}
-      >
-        <button className="uploadbg" onClick={() => EventBus.dispatch(eventType, eventName)}>
+                <button className="uploadbg" onClick={() => EventBus.dispatch(eventType, eventName)}>
           Send
         </button>
+      </SettingsItem>
+      <SettingsItem
+        title='Data'
+        final={true}
+      >
         <button
           className="reset"
           style={{ marginLeft: '0px' }}

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

@@ -78,7 +78,7 @@ export default class Message extends PureComponent {
         </SettingsItem>
         <div className="messagesContainer">
           {this.state.messages.map((_url, index) => (
-            <div className="messageMap">
+            <div className="messageMap" key={index}>
               <div className="flexGrow">
                 <div className="icon">
                   <MdOutlineTextsms />

src/components/modals/main/settings/sections/advanced/Advanced.jsx

@@ -130,7 +130,7 @@ export default class AdvancedSettings extends PureComponent {
             'modals.main.settings.sections.advanced.custom_css_subtitle',
           )}
         >
-          <Text name="customcss" textarea={true} category="other" />
+          <Text name="customcss" textarea={true} category="other" customcss={true} />
         </SettingsItem>
         <SettingsItem
           title={variables.getMessage('modals.main.settings.sections.experimental.title')}

src/components/modals/main/settings/sections/background/Custom.jsx

@@ -15,7 +15,7 @@ import { videoCheck } from 'modules/helpers/background/widget';
 
 import Checkbox from '../../Checkbox';
 import FileUpload from '../../FileUpload';
-import Tooltip from '../../../../../helpers/tooltip/Tooltip';
+import Tooltip from 'components/helpers/tooltip/Tooltip';
 
 import Modal from 'react-modal';
 

src/components/modals/main/settings/sections/background/CustomURLModal.jsx

@@ -1,7 +1,7 @@
 import variables from 'modules/variables';
 import { useState, memo } from 'react';
 import { MdAdd, MdClose } from 'react-icons/md';
-import Tooltip from '../../../../../helpers/tooltip/Tooltip';
+import Tooltip from 'components/helpers/tooltip/Tooltip';
 
 function CustomURLModal({ modalClose, modalCloseOnly }) {
   const [url, setURL] = useState();