[FIX] point_of_sale: directional icons

Prior to this commit, the new directional icons introduced with Milk
were not called and broke the layout.

This commit fixes this issue.

task-3326366
Part of task-3326263

closes odoo/odoo#121947

X-original-commit: 36345ad7c1179ab3f2db797917e9ff3ecda51dfb
Related: odoo/enterprise#41290
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>

addons/point_of_sale/__manifest__.py

@@ -84,6 +84,7 @@
             'web/static/lib/bootstrap/scss/_variables.scss',
             'web/static/fonts/fonts.scss',
             'web/static/src/libs/fontawesome/css/font-awesome.css',
+            'web/static/lib/odoo_ui_icons/*',
             'web/static/src/legacy/scss/fontawesome_overridden.scss',
             # JS framework
             'web/static/src/boot.js',

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

@@ -689,19 +689,16 @@ td {
 .pos .button.validation .pay-circle {
     display: block;
     font-size: 32px;
-    line-height: var(--btn-height-size);
-    padding-top: 6px;
     background: $gray-900;
     color: white;
-    width: 60px;
     text-align: center;
     border-radius: 30px;
     margin-bottom: 10px;
 }
-.pos .button.validation .pay-circle .fa {
+.pos .button.validation .pay-circle .oi {
     position: relative;
-    top: -1px;
-    left: 3px;
+    display: block;
+    padding: 14px;
 }
 
 .pos .actionpad .button.set-partner{
@@ -3386,7 +3383,6 @@ td {
 .ticket-screen .pos-search-bar .filter .down-icon {
     position: absolute;
     right: 13px;
-    top: 12px;
 }
 
 .ticket-screen .pos-search-bar .filter {

addons/point_of_sale/static/src/xml/Screens/ProductScreen/ProductsWidgetControlPanel.xml

@@ -6,7 +6,7 @@
             <div class="rightpane-header">
                 <div class="search-bar-container sb-product">
                     <span t-if="ui.isSmall" class="oe_status oe_icon icon" t-on-click="toggleMobileSearchBar">
-                        <i t-attf-class="fa oi {{state.mobileSearchBarIsShown ? 'oi-arrow-left' : 'fa-search'}}"/>
+                        <i t-attf-class="{{state.mobileSearchBarIsShown ? 'oi oi-arrow-left' : 'fa fa-search'}}"/>
                     </span>
                     <t t-if="!ui.isSmall || state.mobileSearchBarIsShown">
                         <div class="pos-search-bar">