refactor: settings tabs, improvements to logic + readability

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

src/components/modals/main/settings/Section.jsx

@@ -0,0 +1,18 @@
+import { MdOutlineKeyboardArrowRight } from 'react-icons/md';
+
+export default function Section({ title, subtitle, icon, onClick }) {
+  return (
+    <div className="moreSettings" onClick={onClick}>
+      <div className="left">
+        {icon}
+        <div className="content">
+          <span className="title">{title}</span>
+          <span className="subtitle">{subtitle}</span>
+        </div>
+      </div>
+      <div className="action">
+        <MdOutlineKeyboardArrowRight />
+      </div>
+    </div>
+  );
+}