feat: agregar botón para ver perfil público del servicio y mejorar el diseño de los íconos de acción

txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/page.tsx

@@ -16,6 +16,7 @@ import { getServiceImage } from "@core/helpers/getServiceImage";
 import ServiceRatingSummary from "@components/ServiceRatingSummary/ServiceRatingSummary";
 
 import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined";
+import OpenInNewIcon from "@mui/icons-material/OpenInNew";
 import Dialog from "@mui/material/Dialog";
 import DialogContent from "@mui/material/DialogContent";
 import DialogTitle from "@mui/material/DialogTitle";
@@ -118,18 +119,30 @@ export default function Org() {
                 </div>
                 <div className={style.serviceActions}>
                     <span className={style.servicePrice}>{formatPrice(data.price)}</span>
-                    <IconButton 
-                        className={style.shareButton}
-                        sx={{ position: "absolute", top: "15px", right: "15px" }}
-                        onClick={(e) => {
-                            e.stopPropagation();
-                            setShareService(data);
-                        }}
-                        size="small"
-                        title="Compartir servicio"
-                    >
-                        <ShareOutlinedIcon fontSize="small" />
-                    </IconButton>
+                    <div className={style.iconsRow}>
+                        <IconButton 
+                            onClick={(e) => {
+                                e.stopPropagation();
+                                goTo(`/landing/service/${data.id}`);
+                            }}
+                            size="small"
+                            title="Ver perfil público del servicio"
+                            className={style.iconButton}
+                        >
+                            <OpenInNewIcon fontSize="small" />
+                        </IconButton>
+                        <IconButton 
+                            onClick={(e) => {
+                                e.stopPropagation();
+                                setShareService(data);
+                            }}
+                            size="small"
+                            title="Compartir servicio"
+                            className={style.iconButton}
+                        >
+                            <ShareOutlinedIcon fontSize="small" />
+                        </IconButton>
+                    </div>
                 </div>
             </div>
         );

txclient/src/app/admin/(organization-profile)/org/profile/[id]/services/service.module.css

@@ -71,26 +71,29 @@
     display: flex;
     flex-direction: column;
     align-items: flex-end;
-    justify-content: flex-end; /* changed from space-between */
-    min-width: 100px;
+    justify-content: center;
+    gap: 12px;
+    min-width: 60px;
 }
 
 .servicePrice {
     font-size: 18px;
     font-weight: 800;
     color: #1e293b;
-    margin-bottom: 0; /* removed bottom margin */
 }
 
-.shareButton {
+.iconsRow {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.iconButton {
     color: #94a3b8;
     transition: color 0.2s ease;
-    position: absolute;
-    top: 15px;
-    right: 15px;
 }
 
-.shareButton:hover {
+.iconButton:hover {
     color: var(--wine-dark);
 }