Bug fix and style addition

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}