[FIX] pos_sale: correctly manage mobile view

When we want to open a quotation from the mobile view, we are
redirected to the POS Orders instead of the sale order.

This is because we are calling the wrong owl component.

Part-of: odoo/odoo#75682

addons/pos_sale/__manifest__.py

@@ -31,6 +31,7 @@ This module adds a custom Sales Team for the Point of Sale. This enables you to
             'pos_sale/static/src/css/pos_sale.css',
             'pos_sale/static/src/js/models.js',
             'pos_sale/static/src/js/SetSaleOrderButton.js',
+            'pos_sale/static/src/js/OrderManagementScreen/MobileSaleOrderManagementScreen.js',
             'pos_sale/static/src/js/OrderManagementScreen/SaleOrderFetcher.js',
             'pos_sale/static/src/js/OrderManagementScreen/SaleOrderList.js',
             'pos_sale/static/src/js/OrderManagementScreen/SaleOrderManagementControlPanel.js',

addons/pos_sale/static/src/js/OrderManagementScreen/MobileSaleOrderManagementScreen.js

@@ -0,0 +1,25 @@
+odoo.define('point_of_sale.MobileSaleOrderManagementScreen', function (require) {
+    const SaleOrderManagementScreen = require('pos_sale.SaleOrderManagementScreen');
+    const Registries = require('point_of_sale.Registries');
+    const { useListener } = require('web.custom_hooks');
+    const { useState } = owl.hooks;
+
+    const MobileSaleOrderManagementScreen = (SaleOrderManagementScreen) => {
+        class MobileSaleOrderManagementScreen extends SaleOrderManagementScreen {
+            constructor() {
+                super(...arguments);
+                useListener('click-order', this._onShowDetails)
+                this.mobileState = useState({ showDetails: false });
+            }
+            _onShowDetails() {
+                this.mobileState.showDetails = true;
+            }
+        }
+        MobileSaleOrderManagementScreen.template = 'MobileSaleOrderManagementScreen';
+        return MobileSaleOrderManagementScreen;
+    };
+
+    Registries.Component.addByExtending(MobileSaleOrderManagementScreen, SaleOrderManagementScreen);
+
+    return MobileSaleOrderManagementScreen;
+});

addons/pos_sale/static/src/xml/OrderManagementScreen/MobileSaleOrderManagementScreen.xml

@@ -21,8 +21,8 @@
         </div>
         <div t-else="" class="rightpane">
             <div class="flex-container">
-                <OrderManagementControlPanel />
-                <OrderList orders="orders" initHighlightedOrder="orderManagementContext.selectedOrder" />
+                <SaleOrderManagementControlPanel />
+                <SaleOrderList orders="orders" initHighlightedOrder="orderManagementContext.selectedOrder" />
             </div>
         </div>
     </div>

addons/pos_sale/static/src/xml/OrderManagementScreen/SaleOrderManagementScreen.xml

@@ -11,7 +11,7 @@
                     </div>
                 </div>
             </div>
-            <MobileOrderManagementScreen t-else="" />
+            <MobileSaleOrderManagementScreen t-else="" />
         </div>
     </t>