Bug fix and style addition

biome.json

@@ -7,28 +7,23 @@
 	"linter": {
 		"enabled": true,
 		"rules": {
-			"recommended": true,
 			"a11y": {
 				"noSvgWithoutTitle": "off"
 			},
 			"complexity": {
-				"noUselessTypeConstraint": "off",
+				"noUselessTypeConstraint": "off"
-				"recommended": true
 			},
 			"suspicious": {
 				"noExplicitAny": "off",
 				"noImplicitAnyLet": "off",
-				"recommended": true,
 				"noConsole": { "level": "error", "options": { "allow": ["error"] } }
 			},
 			"correctness": {
 				"useExhaustiveDependencies": "off",
-				"noUnusedImports": "error",
+				"noUnusedImports": "error"
-				"recommended": true
 			},
 			"performance": {
-				"noDelete": "off",
+				"noDelete": "off"
-				"recommended": true
 			},
 			"style": {
 				"noParameterAssign": "error",

package-lock.json

@@ -3191,21 +3191,6 @@
 				}
 			}
 		},
-		"node_modules/vite-tsconfig-paths/node_modules/typescript": {
-			"version": "5.9.3",
-			"resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-			"integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-			"dev": true,
-			"optional": true,
-			"peer": true,
-			"bin": {
-				"tsc": "bin/tsc",
-				"tsserver": "bin/tsserver"
-			},
-			"engines": {
-				"node": ">=14.17"
-			}
-		},
 		"node_modules/vitest": {
 			"version": "4.1.10",
 			"resolved": "https://registry.npmjs.org/vitest/-/vitest-4.1.10.tgz",

src/components/DataTable/components/Filter.tsx

@@ -17,7 +17,6 @@ import { datePickerInputClasses, selectClasses } from 'styles';
 
 declare module '@tanstack/react-table' {
 	//allows us to define custom properties for our columns
-	// biome-ignore lint/correctness/noUnusedVariables: ignore
 	interface ColumnMeta<TData extends RowData, TValue> {
 		filterVariant?:
 			| 'text'

src/components/WeatherModal/ExtendedForecastDetails.tsx

@@ -24,11 +24,11 @@ export default function ExtendedForecastDetails({
 				borderRadius: '8px',
 				overflow: 'visible',
 				cursor: 'default',
+				boxShadow: '15px 15px 3px var(--mantine-color-border-0)',
 			}}
 			onClick={(e) => {
 				e.stopPropagation();
 			}}
-			shadow='xl'
 			p={0}
 		>
 			<ActionIcon
@@ -37,6 +37,7 @@ export default function ExtendedForecastDetails({
 				right={-12}
 				style={{
 					borderRadius: '100%',
+					boxShadow: '2px 2px var(--mantine-color-search-0)',
 				}}
 				onClick={() => {
 					setSelectedDay(undefined);

src/components/WeatherModal/WeatherModal.tsx

@@ -71,7 +71,12 @@ export function WeatherModal({
 									backgroundColor: 'color-mix(in srgb, black, transparent 50%)',
 								}}
 							>
-								<Stack w={'65%'} align={'center'} justify={'center'} style={{cursor: 'pointer'}}>
+								<Stack
+									w={'65%'}
+									align={'center'}
+									justify={'center'}
+									style={{ cursor: 'pointer' }}
+								>
 									<ExtendedForecastDetails
 										selectedDay={selectedDay}
 										setSelectedDay={setSelectedDay}

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

@@ -30,7 +30,7 @@ export function ThemeModal({
 	themePlaylists: ThemePlaylist[];
 }) {
 	const themesEndpoint = 'api/themes';
-	const { isMobile } = useCommonHooks();
+	const { currentUser, isMobile } = useCommonHooks();
 	const [defaultTheme, setDefaultTheme] = useState<Theme>({ ...selectedTheme });
 	const [designerTheme, setDesignerTheme] = useState<Theme>({
 		...selectedTheme,
@@ -68,7 +68,7 @@ export function ThemeModal({
 			randomEnabled: 1,
 			textShadowsEnabled: 0,
 			appShadowsEnabled: 0,
-			themeFont: null,
+			themeFont: currentUser.defaultFont,
 		});
 	};