Forgot to lint

src/pages/settings/components/Theming/Backgrounds/BackgroundLightbox.tsx

@@ -10,8 +10,14 @@ export function BackgroundLightbox({
 	background: string;
 }) {
 	return (
-		<Modal.Root opened={opened} onClose={close} size={'auto'} centered zIndex={250}
+		<Modal.Root
-			keepMounted={false}>
+			opened={opened}
+			onClose={close}
+			size={'auto'}
+			centered
+			zIndex={250}
+			keepMounted={false}
+		>
 			<Group
 				px={'1rem'}
 				onClick={close}

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

@@ -151,7 +151,7 @@ export function ThemeModal({
 			setDefaultTheme(selectedTheme);
 		}
 	}, [selectedTheme]);
-	
+
 	return (
 		<Modal.Root
 			size={'75%'}
@@ -272,7 +272,10 @@ export function ThemeModal({
 											style={{ borderRadius: '8px' }}
 										>
 											<ThemeCard
-												cardTheme={{...allThemes[Math.floor(Math.random() * allThemes.length)], randomEnabled: 1}}
+												cardTheme={{
+													...allThemes[Math.floor(Math.random() * allThemes.length)],
+													randomEnabled: 1,
+												}}
 												handleOpen={() => {}}
 												allThemes={[]}
 												themePlaylists={[]}
@@ -293,7 +296,15 @@ export function ThemeModal({
 													display: 'flex',
 												}}
 											/>
-											<FaArrowRight size={45} style={{ color: 'var(--mantine-color-background-0)', position: 'absolute', stroke: 'var(--mantine-color-accent-0)', strokeWidth: 25 }} />
+											<FaArrowRight
+												size={45}
+												style={{
+													color: 'var(--mantine-color-background-0)',
+													position: 'absolute',
+													stroke: 'var(--mantine-color-accent-0)',
+													strokeWidth: 25,
+												}}
+											/>
 											<Button
 												pos={'absolute'}
 												w={'275px'}