comparative price between monthly and annual duration per learner

Signed-off-by: Namanv509 <namanverma00260@gmail.com>

Author: Namanv0509

src/components/Pricing/PricingAddons/index.js

@@ -399,7 +399,19 @@ export const PricingAddons = ({ isYearly = false, setIsYearly, currency, enterpr
                                         sm: "0.9rem",
                                       }
                                     }}>
-                                    {formatSliderPrice(isYearly ? option.yearlyPerUser : option.monthlyPerUser, currency)}<br />{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
+                                    {formatSliderPrice(isYearly ? option.yearlyPerUser : option.monthlyPerUser, currency)}/{targetSubAddon.unitLabelSingular}/{isYearly ? "year" : "month"}
+                                    {isYearly && (
+                                      <Box
+                                        sx={{
+                                          fontSize: {
+                                            xs: "0.7rem",
+                                            sm: "0.7rem",
+                                          }
+                                        }}
+                                      >
+                                        {formatSliderPrice(option.yearlyPerUser / 12, currency)}/{targetSubAddon.unitLabelSingular}/month
+                                      </Box>
+                                    )}
                                   </Box>
                                 </Box>
                               ),