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,20 +119,32 @@ export default function Org() {
                 </div>
                 <div className={style.serviceActions}>
                     <span className={style.servicePrice}>{formatPrice(data.price)}</span>
+                    <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 
-                        className={style.shareButton}
-                        sx={{ position: "absolute", top: "15px", right: "15px" }}
                             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);
 }