feat: implement rating summary service methods and integrate rating display components into the organization header and pending ratings page

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

@@ -13,6 +13,7 @@ import { useNavigation } from "@hooks/goto";
 import { useAlert } from "@core/Store/Alert.Store";
 import currency from "currency.js";
 import { getServiceImage } from "@core/helpers/getServiceImage";
+import ServiceRatingSummary from "@components/ServiceRatingSummary/ServiceRatingSummary";
 
 import ShareOutlinedIcon from "@mui/icons-material/ShareOutlined";
 import Dialog from "@mui/material/Dialog";
@@ -113,6 +114,7 @@ export default function Org() {
                 <div className={style.serviceInfo}>
                     <h1>{data.name}</h1>
                     <p>{data.description}</p>
+                    <ServiceRatingSummary serviceId={data.id} variant="row" showOpinionCount={false} />
                 </div>
                 <div className={style.serviceActions}>
                     <span className={style.servicePrice}>{formatPrice(data.price)}</span>