[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#73641

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

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

@@ -8,3 +8,7 @@
     // They would go over floating elements, which is never what we want.
     clear: both;
 }
+
+.carousel-control-next .sr-only {
+    left: 50%; // Avoid horizontal scrollbar in Chrome
+}