feat: add a setting to disable animations and transitions

Some users may not know the reduced motion settings, so I provide an
option directly on the website to disable animations.

1 files changed, 2 insertions, 0 deletions

diff --git a/src/components/Settings/Settings.tsx b/src/components/Settings/Settings.tsx
index 7d5516c..bd2f33d 100644
--- a/src/components/Settings/Settings.tsx
+++ b/src/components/Settings/Settings.tsx
@@ -1,6 +1,7 @@
 import { CogIcon } from '@components/Icons';
 import ThemeToggle from '@components/Settings/ThemeToggle/ThemeToggle';
 import { t } from '@lingui/macro';
+import ReduceMotion from './ReduceMotion/ReduceMotion';
 import styles from './Settings.module.scss';
 
 const Settings = () => {
@@ -10,6 +11,7 @@ const Settings = () => {
         <CogIcon /> {t`Settings`}
       </div>
       <ThemeToggle />
+      <ReduceMotion />
     </>
   );
 };