remove unnecessary code & enhance gray color over the app

src/components/Icons/BackIcon.tsx

@@ -1,9 +1,14 @@
+import { useAppSelector } from "redux/hooks";
+import { ProGray1 } from "ThemeConstants";
+
 interface BackIconType {
   className?: string;
   onClick?: () => void;
 }
 
 const BackIcon = ({ className, onClick }: BackIconType) => {
+  const { themeName } = useAppSelector((state) => state.theme);
+  const color = themeName === "dark" ? "white" : ProGray1;
   return (
     <svg
       width="16"
@@ -16,7 +21,7 @@ const BackIcon = ({ className, onClick }: BackIconType) => {
     >
       <path
         d="M10 12L6 8L10 4"
-        stroke={"rgba(95, 108, 123, 1)"}
+        stroke={color}
         strokeWidth="1.5"
         strokeLinecap="round"
         strokeLinejoin="round"

src/components/Icons/NextIcon.tsx

@@ -1,9 +1,14 @@
+import { useAppSelector } from "redux/hooks";
+import { ProGray1 } from "ThemeConstants";
+
 interface NextIconType {
   className?: string;
   onClick?: () => void;
 }
 
 const NextIcon = ({ className, onClick }: NextIconType) => {
+  const { themeName } = useAppSelector((state) => state.theme);
+  const color = themeName === "dark" ? "white" : ProGray1;
   return (
     <svg
       width="16"
@@ -16,7 +21,7 @@ const NextIcon = ({ className, onClick }: NextIconType) => {
     >
       <path
         d="M6 12L10 8L6 4"
-        stroke="#434E5C"
+        stroke={color}
         strokeWidth="1.5"
         strokeLinecap="round"
         strokeLinejoin="round"