Replace SVGs with icons, restructure the table for CRUD operations across the project, standardize the application's display, and build a new template for the table's action buttons.

src/Components/car/CarImageGallery.tsx

@@ -120,9 +120,7 @@ export function CarImageGallery({ car, onClose }: CarImageGalleryProps) {
             loading={uploading}
           >
             {!uploading && (
-              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5">
-                <line x1="12" y1="5" x2="12" y2="19" /><line x1="5" y1="12" x2="19" y2="12" />
-              </svg>
+              <i className="ti ti-upload" style={{ fontSize: 14 }} aria-hidden="true" />
             )}
             {uploading ? "جارٍ الرفع…" : "رفع صور"}
           </Button>
@@ -224,10 +222,7 @@ export function CarImageGallery({ car, onClose }: CarImageGalleryProps) {
                     >
                       {isDeleting
                         ? <Spinner size="sm" className="text-red-600" />
-                        : <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
-                            <polyline points="3 6 5 6 21 6" />
-                            <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" />
-                          </svg>
+                        : <i className="ti ti-trash" style={{ fontSize: 12 }} aria-hidden="true" />
                       }
                     </IconBtn>
                   </div>