[FIX] point_of_sale: large scroll bars

This commit fixes the error when opening a session when large scroll
bars is activated in the config.

closes odoo/odoo#55751

X-original-commit: ab2301c032bc146410762efd0c7c2a5b10801b4b
Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>

addons/point_of_sale/static/src/css/pos.css

@@ -862,7 +862,7 @@ td {
 
 .pos .product-list-container {
     overflow: hidden;
-    overflow-y: scroll;
+    overflow-y: auto;
     flex-grow: 1;
 }
 
@@ -1331,7 +1331,7 @@ td {
     display: flex;
     flex-grow: 1;
     flex-wrap: wrap;
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 .screen .left-content{
     overflow-x: hidden;

addons/point_of_sale/static/src/js/Chrome.js

@@ -372,7 +372,7 @@ odoo.define('point_of_sale.Chrome', function(require) {
             }
 
             if (this.env.pos.config.iface_big_scrollbars) {
-                this.state.uiState.hasBigScrollBars = true;
+                this.state.hasBigScrollBars = true;
             }
 
             this._disableBackspaceBack();

addons/point_of_sale/static/src/xml/Chrome.xml

@@ -2,7 +2,7 @@
 <templates id="template" xml:space="preserve">
 
     <t t-name="Chrome" owl="1">
-        <div class="pos" t-att-class="{ 'big-scrollbars': state.uiState.hasBigScrollBars }">
+        <div class="pos" t-att-class="{ 'big-scrollbars': state.hasBigScrollBars }">
             <div class="pos-receipt-print"></div>
             <div class="pos-topheader" t-att-class="{ oe_hidden: state.uiState !== 'READY' }">
                 <div t-if="tempScreen.isShown" class="block-top-header" />