[FIX] pos_self_order: categories display

Fixes the display of categories in the self-order UI.

closes odoo/odoo#140095

Task-id: 3572141
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>

addons/pos_self_order/static/src/app/pages/product_list_page/product_list_page.scss

@@ -1,6 +1,6 @@
 .navbar-container {
     .category-item, .search-button {
-        min-width: calc(3.5rem + 2vw);
+        width: calc(3.5rem + 2vw);
     }
 
     .category-item {
@@ -16,5 +16,9 @@
                 border-radius: 0.25rem;
             }
         }
+
+        .category-name {
+            word-break: break-all;
+        }
     }
 }

addons/pos_self_order/static/src/app/pages/product_list_page/product_list_page.xml

@@ -24,7 +24,7 @@
                                 loading="lazy"
                                 onerror="this.remove()" />
                         </div>
-                        <small class="d-block fw-bold text-center" t-esc="category.name"/>
+                        <small class="d-block fw-bold text-center category-name" t-esc="category.name"/>
                     </a>
                 </nav>