changed useDark to selector instead of destructuring

src/frontend/src/components/codeTabsComponent/index.tsx

@@ -53,7 +53,7 @@ export default function CodeTabsComponent({
   const [isCopied, setIsCopied] = useState<Boolean>(false);
   const [data, setData] = useState(flow ? flow["data"]!["nodes"] : null);
   const [openAccordion, setOpenAccordion] = useState<string[]>([]);
-  const {dark} = useDarkStore();
+  const dark = useDarkStore((state) => state.dark);
 
   const setNodes = useFlow((state) => state.setNodes);
 

src/frontend/src/modals/codeAreaModal/index.tsx

@@ -26,7 +26,7 @@ export default function CodeAreaModal({
   readonly = false,
 }: codeAreaModalPropsType): JSX.Element {
   const [code, setCode] = useState(value);
-  const {dark} = useDarkStore();
+  const dark = useDarkStore((state) => state.dark);
 
   const [height, setHeight] = useState<string | null>(null);
   const { setErrorData, setSuccessData } = useContext(alertContext);