refractor: move all api endpoints from dashboard to api service

dashboard/app/admin-alerts/page.tsx

@@ -22,8 +22,8 @@ import { useState } from "react";
 import { AddChannelDialog } from "@/components/admin-alerts/add-channel-dialog";
 import type { AdminChannel } from "@/lib/types";
 import { CHANNEL_ICONS } from "@/components/admin-alerts/add-channel-dialog";
-import { withBasePath } from "@/lib/utils";
-const fetcher = (url: string) => fetch(withBasePath(url)).then((res) => res.json());
+import { apiClient, adminChannelService } from "@/lib/api-client";
+const fetcher = <T,>(url: string): Promise<T> => apiClient.get(url) as unknown as Promise<T>;
 
 const ALERT_TYPE_LABELS: Record<string, string> = {
     failed_notifications: "Failed Notifications",
@@ -43,11 +43,7 @@ export default function AdminAlertsPage() {
 
     const handleToggle = async (id: string, enabled: boolean) => {
         try {
-            await fetch(withBasePath(`/api/admin-channels/${id}`), {
-                method: "PATCH",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({ enabled }),
-            });
+            await adminChannelService.update(id, { enabled });
             mutate();
         } catch (error) {
             console.error("Failed to toggle channel:", error);
@@ -56,7 +52,7 @@ export default function AdminAlertsPage() {
 
     const handleDelete = async (id: string) => {
         try {
-            await fetch(withBasePath(`/api/admin-channels/${id}`), { method: "DELETE" });
+            await adminChannelService.delete(id);
             mutate();
         } catch (error) {
             console.error("Failed to delete channel:", error);

dashboard/app/alerts/page.tsx

@@ -42,6 +42,7 @@ import {
 } from "@/components/ui/dialog";
 
 import { Alert as AlertType, ALERT_TYPE } from "@/lib/types";
+import { alertService } from "@/lib/api-client";
 import { withBasePath } from "@/lib/utils";
 
 interface AlertWithNotification extends AlertType {
@@ -80,8 +81,7 @@ export default function AlertsPage() {
 
     const fetchAlerts = useCallback(async (pageNum = 1, append = false, type = "all") => {
         try {
-            const response = await fetch(withBasePath(`/api/alerts?page=${pageNum}&limit=50&type=${type}`));
-            const data = await response.json();
+            const data = await alertService.list(pageNum, 50, type);
 
             if (append) {
                 setAlerts(prev => [...prev, ...(data.alerts || [])]);
@@ -131,17 +131,12 @@ export default function AlertsPage() {
 
         setBulkLoading(true);
         try {
-            const response = await fetch(withBasePath("/api/alerts/bulk-resolve"), {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    appendWarning: appendWarningOption,
-                    limit: 100
-                }),
+            const data = await alertService.bulkResolve({
+                appendWarning: appendWarningOption,
+                limit: 100
             });
 
-            if (response.ok) {
-                const data = await response.json();
+            if (data) {
                 // Refresh the list after bulk action
                 setPage(1);
                 await fetchAlerts(1, false);
@@ -161,15 +156,9 @@ export default function AlertsPage() {
     const handleRetry = async (alertId: string, appendWarning: boolean) => {
         setActionLoading(alertId);
         try {
-            const response = await fetch(withBasePath(`/api/alerts/${alertId}/resolve`), {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    appendWarning
-                }),
-            });
+            const data = await alertService.resolve(alertId, { appendWarning });
 
-            if (response.ok) {
+            if (data) {
                 setAlerts((prev) => prev.filter((a) => a._id !== alertId));
                 setTotalCount((prev) => Math.max(0, prev - 1));
                 toast.success("Alert resolved and notification retried");
@@ -186,11 +175,9 @@ export default function AlertsPage() {
     const handleDismiss = async (alertId: string) => {
         setActionLoading(alertId);
         try {
-            const response = await fetch(withBasePath(`/api/alerts/${alertId}`), {
-                method: "DELETE",
-            });
+            const data = await alertService.delete(alertId);
 
-            if (response.ok) {
+            if (data) {
                 setAlerts((prev) => prev.filter((a) => a._id !== alertId));
                 setTotalCount((prev) => Math.max(0, prev - 1));
             }

dashboard/app/analytics/page.tsx

@@ -19,9 +19,8 @@ import {
     Legend,
 } from "recharts";
 import type { DashboardStats } from "@/lib/types";
-import { withBasePath } from "@/lib/utils";
-
-const fetcher = (url: string) => fetch(withBasePath(url)).then((res) => res.json());
+import { apiClient } from "@/lib/api-client";
+const fetcher = <T,>(url: string): Promise<T> => apiClient.get(url) as unknown as Promise<T>;
 
 const STATUS_COLORS = {
     pending: "#fbbf24",