Application adding bugfix; consolidated Settings headers

src/pages/settings/components/Theming/Themes.tsx

@@ -2,20 +2,20 @@ import { Box, Group, Overlay, Stack, Switch, Text } from '@mantine/core';
 import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { useCommonHooks, useMutationAPI, useQueryAPI } from 'hooks';
 import { useEffect, useState } from 'react';
-import { FiChevronRight } from 'react-icons/fi';
-import '@mantine/core/styles/ModalBase.css';
-import '@mantine/core/styles/Modal.css';
 import { FaDice } from 'react-icons/fa';
+import { FiChevronRight } from 'react-icons/fi';
 import type { Theme } from 'types';
 import SettingsHeader from '../Shared/SettingsHeader';
 import ThemeCard from './ThemeCard';
 import ThemeModal from './ThemeModal';
 function ThemesSettings() {
+	const themesEndpoint = 'api/themes';
+	const backgroundsEndpoint = 'api/backgrounds';
 	const { data: allThemes } = useQueryAPI({
 		endpoint: 'api/themes',
 	});
 	const { data: backgroundData, isFetched: isBackgroundFetched } = useQueryAPI({
-		endpoint: 'api/backgrounds',
+		endpoint: backgroundsEndpoint,
 	});
 	const { mutateAsync } = useMutationAPI();
 	const [opened, { open, close }] = useDisclosure(false);
@@ -43,7 +43,7 @@ function ThemesSettings() {
 	const handleSaveTheme = () => {
 		mutateAsync({
 			method: selectedTheme.id === undefined ? 'POST' : 'PATCH',
-			endpoint: 'api/themes',
+			endpoint: themesEndpoint,
 			body: selectedTheme,
 		});
 		close();