Replace apiRequest with clientFetch across app

Refactored all API calls to use the new clientFetch utility instead of apiRequest in dashboard pages, modal components, and profit analytics service. This improves consistency and aligns with updated API handling patterns.

app/dashboard/categories/page.tsx

@@ -23,7 +23,7 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
-import { apiRequest } from "@/lib/api";
+import { clientFetch } from "@/lib/api";
 import type { Category } from "@/models/categories";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 
@@ -67,7 +67,7 @@ export default function CategoriesPage() {
 
   const fetchCategories = async () => {
     try {
-      const fetchedCategories = await apiRequest("/categories", "GET");
+      const fetchedCategories = await clientFetch("/categories");
       setCategories(fetchedCategories);
     } catch (error) {
       toast.error("Failed to fetch categories");
@@ -89,10 +89,13 @@ export default function CategoriesPage() {
       const maxOrder = siblings.reduce((max, cat) => 
         Math.max(max, cat.order || 0), 0);
       
-      const response = await apiRequest("/categories", "POST", {
-        name: newCategoryName,
-        parentId: selectedParentId || undefined,
-        order: maxOrder + 1,
+      const response = await clientFetch("/categories", {
+        method: "POST",
+        body: JSON.stringify({
+          name: newCategoryName,
+          parentId: selectedParentId || undefined,
+          order: maxOrder + 1,
+        }),
       });
 
       setCategories([...categories, response]);
@@ -106,8 +109,11 @@ export default function CategoriesPage() {
 
   const handleUpdateCategory = async (categoryId: string, newName: string) => {
     try {
-      const response = await apiRequest(`/categories/${categoryId}`, "PUT", {
-        name: newName,
+      const response = await clientFetch(`/categories/${categoryId}`, {
+        method: "PUT",
+        body: JSON.stringify({
+          name: newName,
+        }),
       });
 
       setCategories(categories.map(cat => 
@@ -124,7 +130,9 @@ export default function CategoriesPage() {
     if (!categoryToDelete) return;
 
     try {
-      await apiRequest(`/categories/${categoryToDelete._id}`, "DELETE");
+      await clientFetch(`/categories/${categoryToDelete._id}`, {
+        method: "DELETE",
+      });
       setCategories(categories.filter(cat => cat._id !== categoryToDelete._id));
       toast.success("Category deleted successfully");
       setCategoryToDelete(null);
@@ -187,8 +195,11 @@ export default function CategoriesPage() {
         order: cat.order
       }));
       
-      await apiRequest("/categories/bulk-order", "PUT", {
-        categories: categoriesToUpdate
+      await clientFetch("/categories/bulk-order", {
+        method: "PUT",
+        body: JSON.stringify({
+          categories: categoriesToUpdate
+        }),
       });
     } catch (error) {
       toast.error("Failed to update category order");

app/dashboard/storefront/page.tsx

@@ -7,7 +7,7 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { Save, Send, Key, MessageSquare, Shield, Globe, Wallet } from "lucide-react";
-import { apiRequest } from "@/lib/api";
+import { clientFetch } from "@/lib/api";
 import { toast } from "sonner";
 import BroadcastDialog from "@/components/modals/broadcast-dialog";
 import Dashboard from "@/components/dashboard/dashboard";
@@ -115,7 +115,7 @@ export default function StorefrontPage() {
     const fetchStorefront = async () => {
       try {
         setLoading(true);
-        const data = await apiRequest("/storefront");
+        const data = await clientFetch("/storefront");
         setStorefront({
           pgpKey: data.pgpKey || "",
           welcomeMessage: data.welcomeMessage || "",
@@ -154,7 +154,10 @@ export default function StorefrontPage() {
   const saveStorefront = async () => {
     try {
       setSaving(true);
-      await apiRequest("/storefront", "PUT", storefront);
+      await clientFetch("/storefront", {
+        method: "PUT",
+        body: JSON.stringify(storefront),
+      });
       toast.success("Storefront updated successfully!");
     } catch (error) {
       toast.error("Failed to update storefront.");