Refactor: Remove unused imports and clean up code across multiple pages

- Removed unused Link imports and associated code for navigation in various pages.
- Simplified TableHeader components by removing unnecessary class names.
- Updated alert dialog styles for better consistency with the design system.
- Cleaned up imports in several components to streamline the codebase.

Frontend/erp-system/components/ui/alert-dialog.tsx

@@ -43,23 +43,23 @@ const variantConfig: Record<
 > = {
   info: {
     icon: InfoIcon,
-    iconClass: "text-sky-600 bg-sky-50",
-    ringClass: "ring-sky-100",
+    iconClass: "text-info bg-info/10",
+    ringClass: "ring-info/20",
   },
   warning: {
     icon: AlertTriangleIcon,
-    iconClass: "text-amber-600 bg-amber-50",
-    ringClass: "ring-amber-100",
+    iconClass: "text-warning bg-warning/10",
+    ringClass: "ring-warning/20",
   },
   destructive: {
     icon: XCircleIcon,
-    iconClass: "text-red-600 bg-red-50",
-    ringClass: "ring-red-100",
+    iconClass: "text-destructive bg-destructive/10",
+    ringClass: "ring-destructive/20",
   },
   success: {
     icon: CheckCircle2Icon,
-    iconClass: "text-emerald-600 bg-emerald-50",
-    ringClass: "ring-emerald-100",
+    iconClass: "text-success bg-success/10",
+    ringClass: "ring-success/20",
   },
 }
 
@@ -92,7 +92,7 @@ function AlertDialogContent({
       <AlertDialogPrimitive.Popup
         data-slot="alert-dialog-content"
         className={cn(
-          "fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-white p-6 shadow-xl ring-1 duration-150 outline-none sm:max-w-sm",
+          "fixed top-1/2 left-1/2 z-50 w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 rounded-2xl bg-popover p-6 shadow-xl ring-1 duration-150 outline-none sm:max-w-sm",
           "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
           ringClass,
           className
@@ -105,11 +105,11 @@ function AlertDialogContent({
           </div>
 
           <div className="flex flex-col gap-1.5">
-            <AlertDialogPrimitive.Title className="text-base font-bold text-slate-900">
+            <AlertDialogPrimitive.Title className="text-base font-bold text-foreground">
               {title}
             </AlertDialogPrimitive.Title>
             {description && (
-              <AlertDialogPrimitive.Description className="text-sm text-slate-500">
+              <AlertDialogPrimitive.Description className="text-sm text-muted-foreground">
                 {description}
               </AlertDialogPrimitive.Description>
             )}