refactored system settings

src/components/UI/ModalComponent.tsx

@@ -4,6 +4,7 @@ import Modal from "react-modal";
 type ModalComponentProps = {
   isModalOpen: boolean;
   children: React.ReactNode;
+  close: () => void;
 };
 
 const ModalComponent = ({

src/components/UI/NavigationArrow.tsx

@@ -29,7 +29,7 @@ const NavigationArrow = ({ side, settingsPage }: NavigationArrowProps) => {
         {side === "CameraFront" ? (
           <FontAwesomeIcon
             icon={faArrowRight}
-            className="absolute top-[50%] right-[2%] backdrop-blur-md hover:cursor-pointer animate-bounce z-30"
+            className="absolute top-[50%] right-[2%] backdrop-blur-lg hover:cursor-pointer animate-bounce z-30"
             onClick={() => navigationDest(side)}
           />
         ) : (