Restore cutting product view action

src/pages/Cutting.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useMemo, useState } from 'react';
 import { Link, useOutletContext, useSearchParams } from 'react-router-dom';
-import { AlertTriangle, ArrowLeft, ClipboardList, Download, Layers3, Pencil, RotateCcw, Ruler, Save as SaveIcon, Scissors, Search, Settings2, X } from 'lucide-react';
+import { AlertTriangle, ArrowLeft, ClipboardList, Download, Eye, Layers3, Pencil, RotateCcw, Ruler, Save as SaveIcon, Scissors, Search, Settings2, X } from 'lucide-react';
 import DateRangePicker from '../components/DateRangePicker';
 import PaginationControls from '../components/PaginationControls';
 import ProductColorBadge from '../components/ProductColorBadge';
@@ -1398,7 +1398,7 @@ const Cutting = () => {
                     </td>
                     <td className="px-4 py-2.5 text-center align-middle">{renderCutStatus(row)}</td>
                     <td className="px-4 py-2.5 text-right">
-                      <div className="flex justify-end">
+                      <div className="flex justify-end gap-2">
                         <button
                           type="button"
                           onClick={() => openQuickCutEdit(row)}
@@ -1408,6 +1408,14 @@ const Cutting = () => {
                         >
                           <Pencil className="h-3.5 w-3.5" />
                         </button>
+                        <Link
+                          to={`/products/${row.id}`}
+                          className="inline-flex h-8 w-8 items-center justify-center rounded-lg bg-brand-primary/10 text-brand-primary transition-opacity hover:opacity-80"
+                          title={`Ver SKU ${row.id}`}
+                          aria-label={`Ver SKU ${row.id}`}
+                        >
+                          <Eye className="h-3.5 w-3.5" />
+                        </Link>
                       </div>
                     </td>
                   </tr>