Refactor event listener syntax for dark mode media query in ThemeManager

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/theme/app/StyledThemeProvider.js

@@ -11,7 +11,7 @@ const isBrowser = typeof window !== "undefined";
 export const StyledThemeProvider = (props) => {
   const { children, darkTheme, lightTheme } = props;
   const { isDark, didLoad } = useContext(ThemeManagerContext);
-  
+
   // For SSR, we need to provide a consistent theme initially
   // This ensures the server and client render the same thing initially
   const currentTheme = isDark ? darkTheme : lightTheme;

src/theme/app/ThemeManager.js

@@ -54,8 +54,8 @@ export const ThemeManagerProvider = (props) => {
       const handleChange = (e) => {
         setIsDark(e.matches);
       };
-      darkModeMediaQuery.addEventListener('change', handleChange);
-      return () => darkModeMediaQuery.removeEventListener('change', handleChange);
+      darkModeMediaQuery.addEventListener("change", handleChange);
+      return () => darkModeMediaQuery.removeEventListener("change", handleChange);
     }
   }, [themeSetting]);