code changes

app/singleblog/[id]/page.js

 import SingleBlog from "@components/top-level/single-blog";
-import Loading from "app/loading";
 import { getPostById } from "@lib/api";
 
 const SingleBlogApp = async ({ params: { id } }) => {
   const blog = await getPostById("posts", id);
-  return <div>{blog ? <SingleBlog {...blog} /> : <Loading />}</div>;
+  return <SingleBlog {...blog} />;
 };
 
 export default SingleBlogApp;

components/base/header/index.js

@@ -41,7 +41,7 @@ function Header({
 
           <div onClick={handleTheme} className={styles.themeLight}>
             <Icons
-              name={currentTheme === "light" ? "sun" : "moon"}
+              name={currentTheme === "light" ? "moon" : "sun"}
               size="large"
             />
           </div>

context/index.js

@@ -9,7 +9,7 @@ export const ThemeProvider = ({ children }) => {
   const [theme, setTheme] = useState("light");
 
   useEffect(() => {
-    const storedTheme = localStorage.getItem("theme") || "light";
+    const storedTheme = localStorage.getItem("theme");
     setTheme(storedTheme);
     document.documentElement.setAttribute("class", storedTheme);
   }, []);