feat(product): 新增商品詳情查看功能

resources/js/Components/Product/ProductTable.tsx

@@ -8,7 +8,7 @@ import {
 } from "@/Components/ui/table";
 import { Button } from "@/Components/ui/button";
 import { Badge } from "@/Components/ui/badge";
-import { Pencil, Trash2, ArrowUpDown, ArrowUp, ArrowDown } from "lucide-react";
+import { Pencil, Trash2, ArrowUpDown, ArrowUp, ArrowDown, Eye } from "lucide-react";
 import {
   Tooltip,
   TooltipContent,
@@ -162,16 +162,16 @@ export default function ProductTable({
                   </TableCell>
                   <TableCell className="text-center">
                     <div className="flex justify-center gap-2">
-                      {/*
-                      <Button
-                        variant="ghost"
-                        size="sm"
-                        onClick={() => handleViewBarcode(product)}
-                        className="h-8 px-2 text-primary hover:text-primary-dark hover:bg-primary-lightest"
-                      >
-                        <Eye className="h-4 w-4" />
-                      </Button>
-                      */}
+                      <Link href={route("products.show", product.id)}>
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          className="button-outlined-primary"
+                          title="查看詳情"
+                        >
+                          <Eye className="h-4 w-4" />
+                        </Button>
+                      </Link>
                       <Can permission="products.edit">
                         <Link href={route("products.edit", product.id)}>
                           <Button