ADD: Introduce API client and update axios usage across the application

src/api/wishlist.js

@@ -1,15 +1,13 @@
-import axios from "axios";
 import { useAuthStore } from "../store/authStore";
-
-const API_URL = "/api/v1/wishlist";
+import api from "./api";
 
 export async function toggleNoticeStatus(noticeId) {
   const { token } = useAuthStore.getState();
   const headers = token ? { Authorization: `Bearer ${token}` } : {};
 
   try {
-    const response = await axios.post(
-      `${API_URL}/toggle/${noticeId}`,
+    const response = await api.post(
+      `/wishlist/toggle/${noticeId}`,
       {},
       { headers: headers }
     );
@@ -25,7 +23,7 @@ export async function getWishlist() {
   const headers = token ? { Authorization: `Bearer ${token}` } : {};
 
   try {
-    const response = await axios.get(`${API_URL}/`, { headers: headers });
+    const response = await api.get(`/wishlist/`, { headers: headers });
     return response.data;
   } catch (error) {
     console.error("Error fetching wishlist:", error);