fix navigating to home or 404 resets style

src/components/views/NotFound.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect }  from 'react';
+import React, { useEffect, useRef }  from 'react';
 import { Helmet } from 'react-helmet-async';
 import useGeneralStore from '../../hooks/stores/useGeneralStore';
 import { Link } from "react-router-dom";
@@ -7,16 +7,31 @@ import packageJson from '../../../package.json'
 const {version} = packageJson
 
 
-const NotFound = ({ setBodyStyle }) => {
-  const { setSelectedStyle } = useGeneralStore(state => state);
+const NotFound = () => {
+  const { 
+    bodyStyle, setBodyStyle,
+    selectedStyle, setSelectedStyle,
+  } = useGeneralStore(state => state);
 
+  const prevStyle = useRef(selectedStyle);
+  const prevBodyStyle = useRef(bodyStyle);
+
+  // prevent dark mode
   useEffect(() => {
+    const currentPrevStyle = prevStyle.current;
+    const currentPrevBodyStyle = prevBodyStyle.current;
+
     setBodyStyle({
       background: "#ffe url(assets/fade.png) top repeat-x",
       color: "maroon",
       fontFamily: "Helvetica, Arial, sans-serif"
     });
     setSelectedStyle("Yotsuba");
+
+    return () => {
+      setSelectedStyle(currentPrevStyle);
+      setBodyStyle(currentPrevBodyStyle);
+    };
   }, [setBodyStyle, setSelectedStyle]);
 
   return (