[FIX] point_of_sale: fix cash move popup currency display not overlapping

Steps to reproduce:

- Add Switzerland Accounting, go to the CH Company and create a PoS.
- Go to the PoS and go to the Cash In/Out in the top bar.
- Start introducing a value in the input field.

Issue:

The field is only made to 1 character as a currency symbol, so when the
currency has more than 1 it will overlap with the values in the input.

Solution:

Added a new class to put currencies above one symbol to the left,
and we keep the rest as it was.

opw-3121266

closes odoo/odoo#110694

X-original-commit: e8a29a53f7db681d9cb94dc88ab7887a0d4d2f61
Signed-off-by: Trinh Jacky (trj) <trj@odoo.com>

addons/point_of_sale/static/src/scss/pos.scss

@@ -3768,6 +3768,14 @@ td {
     top: 10px;
 }
 
+.cash-move .input-amount .input-field span.left-currency {
+    position: absolute;
+    left: 10px;
+    top: 10px;
+    background-color: #fff;
+    padding-right: 8px;
+}
+
 .cash-move textarea {
     resize: none;
     margin-top: 10px;

addons/point_of_sale/static/src/xml/Popups/CashMovePopup.xml

@@ -14,7 +14,12 @@
                         </span>
                         <div class="input-field">
                             <input type="number" name="amount" t-model="state.inputAmount" t-ref="input-amount-ref" t-on-keypress="_onAmountKeypress"/>
-                            <span class="currency" t-esc="env.pos.currency.symbol" />
+                            <t t-if="env.pos.currency.symbol.length > 1">
+                                <span class="left-currency" t-esc="env.pos.currency.symbol" />
+                            </t>
+                            <t t-else="">
+                                <span class="currency" t-esc="env.pos.currency.symbol" />
+                            </t>
                         </div>
                     </div>
                     <textarea name="reason" t-model="state.inputReason" placeholder="Reason"></textarea>