refactor: replace custom API fetch logic with requestJson utility across multiple pages

Updated the API fetching mechanism in various components to utilize the new requestJson function for improved consistency and error handling. This change affects the alerts, dashboard, data collection, filters, gre, network map, probes, recursive routes, route optimizer, servers, settings, traffic, and uptime pages.

app/(main)/probes/page.tsx

@@ -14,6 +14,7 @@ import {
   LoaderCircleIcon, AlertCircleIcon,
 } from "lucide-react"
 import { cn } from "@/lib/utils"
+import { requestJson } from "@/shared/api/http-client"
 
 // ─── types ────────────────────────────────────────────────────────────────────
 
@@ -66,16 +67,7 @@ const TOOL_META: Record<DiagTool, {
 
 function makeApiFetch(backendUrl: string) {
   return async function apiFetch<T>(path: string, init?: RequestInit): Promise<T> {
-    const headers: HeadersInit = init?.body ? { "Content-Type": "application/json" } : {}
-    const finalRes = await fetch(backendUrl.replace(/\/$/, "") + path, {
-      ...init,
-      headers: { ...headers, ...(init?.headers ?? {}) },
-    })
-    if (!finalRes.ok) {
-      const err = await finalRes.json().catch(() => ({ error: finalRes.statusText })) as { error?: string }
-      throw new Error(err.error ?? finalRes.statusText)
-    }
-    return finalRes.json() as Promise<T>
+    return requestJson<T>(backendUrl, path, init)
   }
 }