fix: fetch was not using rest requests

frontend/src/App.tsx

@@ -83,7 +83,12 @@ function BlogPage() {
   const [blogs, setBlogs] = useState<Blog[]>([]);
 
   useEffect(() => {
-    fetch(`${API_URL}/blogs`)
+    fetch(`${API_URL}/blogs`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog[]) => setBlogs(data))
       .catch((err) => console.error(err));

frontend/src/utils/BlogList.tsx

@@ -4,7 +4,12 @@ import { API_URL } from "./constants";
 export function BlogList() {
   const [content, setContent] = useState("");
   useEffect(() => {
-    fetch(`${API_URL}/get-blogs`)
+    fetch(`${API_URL}/get-blogs`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.text())
       .then(setContent);
   }, []);

frontend/src/utils/BlogViewer.tsx

@@ -16,7 +16,12 @@ export function BlogViewer() {
 
   useEffect(() => {
     if (!slug) return;
-    fetch(`${API_URL}/blogs/${slug}`)
+    fetch(`${API_URL}/blogs/${slug}`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog) => setBlog(data))
       .catch((err) => console.error(err));

frontend/src/utils/EditBlog.tsx

@@ -16,7 +16,12 @@ export function EditBlog() {
 
   useEffect(() => {
     if (!slug) return;
-    fetch(`${API_URL}/blogs/${slug}`)
+    fetch(`${API_URL}/blogs/${slug}`, {
+      method: "GET",
+      headers: {
+        "Content-Type": "application/json",
+      },
+    })
       .then((res) => res.json())
       .then((data: Blog) => {
         setBlog(data);