first action update user pages .

2-update driver pages [fixed image display and notyfi]
3-update car pages [fixed image]
4-build tripe pages crud
5-build some role pages
6-build audit page
7-update ui compounants
8-update saidebar and topbar
9-cheange view to be ar view
10-cheange stractcher to be app,src
11-add validation layer by yup
12-add api image-proxy to broke image corse bloken

src/hooks/useClientOrders.ts

@@ -0,0 +1,45 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { clientService } from "@/src/services/client.service";
+import type { Order } from "@/src/types/order";
+
+interface State {
+  orders:  Order[];
+  error:   string | null;
+  loading: boolean;
+}
+
+/**
+ * Fetches all orders for a client session.
+ *
+ * @example
+ * const { orders, loading, error } = useClientOrders(session.id);
+ */
+export function useClientOrders(clientId: string): State {
+  const [state, setState] = useState<State>({
+    orders: [], error: null, loading: true,
+  });
+
+  useEffect(() => {
+    if (!clientId) {
+      setState({ orders: [], error: null, loading: false });
+      return;
+    }
+
+    let cancelled = false;
+
+    clientService
+      .getOrders(clientId)
+      .then(orders => {
+        if (!cancelled) setState({ orders, error: null, loading: false });
+      })
+      .catch((err: Error) => {
+        if (!cancelled) setState({ orders: [], error: err.message, loading: false });
+      });
+
+    return () => { cancelled = true; };
+  }, [clientId]);
+
+  return state;
+}