feat: implement full-stack ratings system for appointments with user submission and pending ratings dashboard integration

txclient/src/app/landing/dashboard/page.tsx

@@ -44,6 +44,7 @@ import AutoAwesomeIcon from "@mui/icons-material/AutoAwesome";
 import FinancialWidget from "@components/FinancialWidget/FinancialWidget";
 import PlanMetricsWidget from "@components/PlanMetricsWidget/PlanMetricsWidget";
 import PendingRepeatsCard from "@core/app/components/PendingRepeatsCard/PendingRepeatsCard";
+import PendingRatingsBanner from "@components/PendingRatingsBanner/PendingRatingsBanner";
 
 function DashboardContent() {
     const { goTo } = useNavigation();
@@ -367,6 +368,7 @@ function DashboardContent() {
                         {SessionInfo.userId != "" && !displayedPlan && (
                             <div className="homeCentered">No tiene una suscripción activa.</div>
                         )}
+                        {displayedPlan && <PendingRatingsBanner variant="banner" />}
                         {displayedPlan && (
                             <div className={style.dashboardGrid}>