Mobile and style improvements

src/pages/settings/Settings.tsx

@@ -1,9 +1,9 @@
 import { ActionIcon, Group, Stack, Tabs, Text } from '@mantine/core';
 import { useCommonHooks } from 'hooks';
+import { FaPaintBrush, FaRegListAlt } from 'react-icons/fa';
 import {
 	FiArrowLeftCircle,
 	FiBookmark,
-	FiEdit,
 	FiGlobe,
 	FiMail,
 	FiMonitor,
@@ -65,10 +65,10 @@ export function Settings() {
 						{isMobile ? <FiBookmark /> : 'Bookmarks'}
 					</Tabs.Tab>
 					<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='themes'>
-						{isMobile ? <FiEdit /> : 'Themes'}
+						{isMobile ? <FaPaintBrush /> : 'Themes'}
 					</Tabs.Tab>
 					<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='themePlaylists'>
-						{isMobile ? <FiEdit /> : 'Theme Playlists'}
+						{isMobile ? <FaRegListAlt /> : 'Theme Playlists'}
 					</Tabs.Tab>
 					<Tabs.Tab px={isMobile ? '.9rem' : undefined} value='providers'>
 						{isMobile ? <FiSearch /> : 'Search Providers'}