[FIX] web: avoid a scrollbar when a carousel is added in pages

On Chrome, the browser displayed an horizontal scrollbar because the
sr-only item inside the 'next' arrow was positioned absolutely, outside
of the arrow, and thus outside of the window. This happened for the
website carousel snippet when added in pages for instance.

opw-2585526

closes odoo/odoo#74334

X-original-commit: c29060c80e987edcfbeeaa7824540583de88f8ed
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

addons/web/static/src/legacy/scss/bootstrap_review.scss

@@ -185,3 +185,7 @@ $o-navbar-nav-pills-link-border-radius: $nav-pills-border-radius !default;
         @include border-radius($o-navbar-nav-pills-link-border-radius);
     }
 }
+
+.carousel-control-next .sr-only {
+    left: 50%; // Avoid horizontal scrollbar in Chrome
+}