applied various optimisations to UI

src/interface/pages/SettingsPage.tsx

@@ -7,6 +7,7 @@ import Shortcuts from './SettingsPage/Shortcuts';
 import Picker from '../components/Picker';
 import Themes from './SettingsPage/Themes';
 import { ToastContainer } from 'react-toastify';
+import { memo } from 'react';
 
 import browser from 'webextension-polyfill';
 
@@ -46,4 +47,4 @@ const SettingsPage = ({ standalone }: SettingsPage) => {
   );
 };
 
-export default SettingsPage;
+export default memo(SettingsPage);

src/interface/pages/SettingsPage/Settings.tsx

@@ -6,6 +6,7 @@ import { SettingsList } from '../../types/SettingsProps';
 import { useSettingsContext } from '../../SettingsContext';
 
 import browser from 'webextension-polyfill'
+import { memo } from 'react';
 
 const Settings: React.FC = () => {
   const { settingsState, setSettingsState } = useSettingsContext();
@@ -89,4 +90,4 @@ const Settings: React.FC = () => {
   );
 };
 
-export default Settings;
+export default memo(Settings);

src/interface/pages/SettingsPage/Themes.tsx

@@ -1,6 +1,7 @@
 import { FC, createRef, useState } from 'react';
 import BackgroundSelector from '../../components/BackgroundSelector';
 import ThemeSelector from '../../components/ThemeSelector';
+import { memo } from 'react';
 
 type ThemeSelectorRef = {
   disableTheme: () => void;
@@ -26,4 +27,4 @@ const Themes: FC = () => {
   );
 };
 
-export default Themes;
+export default memo(Themes);