The trip files have been reorganized. Errors related to vehicle and driver editing have been resolved, archive display issues fixed, and model data display standardized across the project; order and trip-related issues have also been addressed.

src/Components/role/archive/ArchivedRoleDetailModal.tsx

@@ -101,6 +101,7 @@ export function ArchivedRoleDetailModal({ roleId, onClose }: ArchivedRoleDetailM
       title={role?.name ?? "عرض الدور"}
       subtitle="دور مؤرشف"
       onClose={onClose}
+      zIndex={60}
       size="md"
       footer={
         <Button type="button" variant="secondary" onClick={onClose}>

src/Components/role/archive/ArchivedRoleTable.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { Button, EmptyState, Spinner } from "../../UI";
+import { Button, EmptyState, IconBtn, Spinner } from "../../UI";
 import type { ArchivedRole } from "@/src/types/role";
 
 // ── status badge ─────────────────────────────────────────────────────────────
@@ -15,19 +15,6 @@ function StatusBadge({ active }: { active: boolean }) {
   );
 }
 
-// ── icon button ──────────────────────────────────────────────────────────────
-// Kept custom rather than swapped for <Button/>: Button's variants only cover
-// primary/secondary/ghost/danger (one accent color each) and its size scale
-// isn't built for a fixed 32×32 square icon chip.
-function IconBtn({ onClick, title, color, bg, borderColor, children }: { onClick: () => void; title: string; color: string; bg: string; borderColor: string; children: React.ReactNode }) {
-  return (
-    <button type="button" title={title} aria-label={title} onClick={e => { e.stopPropagation(); onClick(); }}
-      style={{ width: 32, height: 32, borderRadius: "var(--radius-md)", border: `1px solid ${borderColor}`, background: bg, color, cursor: "pointer", display: "inline-flex", alignItems: "center", justifyContent: "center", transition: "opacity 150ms" }}>
-      {children}
-    </button>
-  );
-}
-
 // ── card / header styles ─────────────────────────────────────────────────────
 const cardStyle: React.CSSProperties = {
   borderRadius: "var(--radius-xl)", border: "1px solid var(--color-border)",