fix: Error at table size in dark mode

app/hooks/useMobile.ts

@@ -1,7 +1,6 @@
-import { useTheme } from "styled-components";
+import { base } from "@shared/theme";
 import useMediaQuery from "~/hooks/useMediaQuery";
 
 export default function useMobile(): boolean {
-  const theme = useTheme();
-  return useMediaQuery(`(max-width: ${theme.breakpoints.tablet - 1}px)`);
+  return useMediaQuery(`(max-width: ${base.breakpoints.tablet - 1}px)`);
 }

shared/theme.ts

@@ -227,9 +227,9 @@ export const dark: DefaultTheme = {
 
 export const lightMobile = light;
 
-export const darkMobile = (theme: DefaultTheme): DefaultTheme => ({
-  ...theme,
+export const darkMobile = {
+  ...dark,
   background: colors.black,
-});
+};
 
 export default light;