disable snow for reduced-motion users

Author: ayan4m1

src/components/layout.js

@@ -5,16 +5,18 @@ import Snowfall from 'react-snowfall';
 import Header from 'components/header';
 import useDarkMode from 'hooks/useDarkMode';
 import { getDate, getMonth } from 'date-fns';
+import usePrefersReducedMotion from 'src/hooks/usePrefersReducedMotion';
 
 export default function Layout({ children }) {
   useDarkMode();
 
+  const disableMotion = usePrefersReducedMotion();
   const isChristmas =
     getMonth(Date.now()) === 11 && [24, 25, 26].includes(getDate(Date.now()));
 
   return (
     <Fragment>
-      {isChristmas && <Snowfall />}
+      {!disableMotion && isChristmas && <Snowfall />}
       <Header />
       <main className="mt-3 mb-2">{children}</main>
     </Fragment>