fix(dark-mode): set body background color for dark mode

Author: ACJT123

src/pages/ChannelDetails.jsx

@@ -12,12 +12,17 @@ function ChannelDetails() {
   const { sidebarExtend } = useSelector((state) => state.category)
   const { channelDetails } = useSelector((state) => state.channel)
   const { channelVideos } = useSelector((state) => state.channel)
+  const { darkMode } = useSelector((state) => state.darkMode)
   var aDay = 24 * 60 * 60 * 1000;
   console.log(channelDetails.snippet)
   useEffect(() => {
     dispatch(getChannelVideos(`search?channelId=${id}&part=snippet&order=date`))
     dispatch(getChannelDetails(`channels?part=snippet&id=${id}`))
   }, [id,dispatch])
+
+  useEffect(() => {
+    document.body.style.backgroundColor = darkMode ? "#131417" : "#fff";
+  }, [darkMode]);
   console.log(window.innerWidth)
   return (
     <>

src/pages/SearchFeed.jsx

@@ -8,13 +8,18 @@ function SearchFeed() {
   const { id } = useParams()
   const { searchResults } = useSelector((state) => state.search)
   const { sidebarExtend } = useSelector((state) => state.category)
+  const { darkMode } = useSelector((state) => state.darkMode)
   const dispatch = useDispatch()
   const pageRoute = useNavigate()
   var aDay = 24 * 60 * 60 * 1000;
 
   useEffect(() => {
     dispatch(searchById(`search?part=snippet&q=${id}`))
   }, [id,dispatch])
+
+  useEffect(() => {
+    document.body.style.backgroundColor = darkMode ? "#131417" : "#fff";
+  }, [darkMode]);
   return (
     <>
       <div className={`sm:hidden overlayEffect ${sidebarExtend ? "block" : "hidden"}`}></div>

src/pages/VideoDetails.jsx

@@ -57,6 +57,9 @@ function VideoDetails() {
     );
   }, [id, dispatch]);
 
+  useEffect(() => {
+    document.body.style.backgroundColor = darkMode ? "#131417" : "#fff";
+  }, [darkMode]);
   return (
     <>
       <div