add archive endpoint to user , driver , car ,order ,trip and update trip fails also update saidecar

app/dashboard/cars_maintenance/page.tsx

@@ -0,0 +1,7 @@
+import React from 'react'
+
+export default function page() {
+  return (
+    <div>page</div>
+  )
+}

app/dashboard/layout.tsx

@@ -17,10 +17,16 @@ function DashShell({ children }: { children: React.ReactNode }) {
       if (!el) return;
       const w = window.innerWidth;
       if (w >= 768 && w < 1024) {
-        
-        el.style.paddingInlineEnd = "72px";
+        // #sb-compact is `position: fixed; right: 0` (inline-start
+        // in RTL), so the content needs its reserved space on
+        // paddingInlineSTART — not End. End resolved to the wrong
+        // physical side (left) and let the fixed rail sit on top
+        // of the content on md screens. Using the CSS var instead
+        // of a hardcoded "72px" also keeps this in sync with
+        // --sidebar-width-compact if that token ever changes.
+        el.style.paddingInlineStart = "var(--sidebar-width-compact)";
       } else {
-        el.style.paddingInlineEnd = "0px";
+        el.style.paddingInlineStart = "0px";
       }
     }
 

app/dashboard/trips/archived/[tripId]/page.tsx

@@ -0,0 +1,113 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { useParams, useRouter } from "next/navigation";
+import { Spinner, EmptyState, Badge, PageHeader } from "@/src/Components/UI";
+import { tripService } from "@/src/services/trip.service";
+import { getStoredToken } from "@/src/lib/auth";
+import type { Trip } from "@/src/types/trip";
+import { TRIP_STATUS_MAP } from "@/src/types/trip";
+
+function fmtDateTime(iso?: string | null): string {
+  if (!iso) return "—";
+  return new Date(iso).toLocaleString("ar-SA", { dateStyle: "medium", timeStyle: "short" });
+}
+
+export default function ArchivedTripDetailPage() {
+  const params = useParams();
+  const router = useRouter();
+  const tripId = params?.tripId as string;
+
+  const [trip, setTrip] = useState<Trip | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState<string | null>(null);
+
+  useEffect(() => {
+    if (!tripId) return;
+
+    let cancelled = false;
+    (async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const token = getStoredToken();
+        // Archived trips must go through the archived endpoint —
+        // the normal /trip/:id endpoint won't return soft-deleted trips.
+        const res = await tripService.getArchivedById(tripId, token);
+        if (!cancelled) setTrip((res as unknown as { data: Trip }).data);
+      } catch {
+        if (!cancelled) setError("لم يتم العثور على هذه الرحلة في الأرشيف.");
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+
+    return () => { cancelled = true; };
+  }, [tripId]);
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center gap-3 py-24 text-[var(--color-text-muted)]">
+        <Spinner size="sm" />
+        <span className="text-sm">جارٍ التحميل…</span>
+      </div>
+    );
+  }
+
+  // Edge case: invalid/missing/unreachable trip ID
+  if (error || !trip) {
+    return (
+      <EmptyState
+        icon="🗄️"
+        title="الرحلة غير موجودة في الأرشيف"
+        description={error ?? "تعذّر العثور على رحلة بهذا المعرّف."}
+        action={
+          <button
+            onClick={() => router.push("/dashboard/trips")}
+            className="text-sm font-semibold text-[var(--color-brand-600)] underline"
+          >
+            العودة إلى قائمة الرحلات
+          </button>
+        }
+      />
+    );
+  }
+
+  const statusConfig = TRIP_STATUS_MAP[trip.status];
+
+  return (
+    <section className="flex flex-col gap-6 p-6" dir="rtl">
+      <PageHeader
+        title={trip.title}
+        description={`رقم الرحلة: ${trip.tripNumber}`}
+        backHref="/dashboard/trips"
+        backLabel="الرحلات"
+        action={<Badge label="مؤرشفة" color="amber" />}
+      />
+
+      <div className="rounded-[var(--radius-xl)] border border-[var(--color-border)] bg-[var(--color-surface)] p-6 shadow-[var(--shadow-card)]">
+        <Badge label={statusConfig.label} color="slate" />
+        <dl className="mt-4 grid grid-cols-2 gap-4 text-sm">
+          <div>
+            <dt className="text-[var(--color-text-muted)]">وقت البدء</dt>
+            <dd>{fmtDateTime(trip.startTime)}</dd>
+          </div>
+          <div>
+            <dt className="text-[var(--color-text-muted)]">وقت الانتهاء</dt>
+            <dd>{fmtDateTime(trip.endTime)}</dd>
+          </div>
+          <div>
+            <dt className="text-[var(--color-text-muted)]">تاريخ الأرشفة</dt>
+            <dd>{fmtDateTime(trip.deletedAt)}</dd>
+          </div>
+          {trip.driver && (
+            <div>
+              <dt className="text-[var(--color-text-muted)]">السائق</dt>
+              <dd>{trip.driver.name}</dd>
+            </div>
+          )}
+        </dl>
+      </div>
+    </section>
+  );
+}