[FIX] web: allow CP navigation to fill container

This commit allows the navigation inside the Control Panel to fill all
the container height.

Prior to this commit, the navigation arrows inside the control panel
were not taking the whole height of the container, which would cause a
weird visual render where everything would have exactly the same height
except these elements.

To fix the issue, we adapt some of the flex properties used in the
layout, ensuring everything is well aligned.

task-3580216

closes odoo/odoo#140670

Signed-off-by: Pierre Paridans (app) <app@odoo.com>

addons/web/static/src/core/pager/pager.xml

@@ -2,8 +2,8 @@
 <templates xml:space="preserve">
 
     <t t-name="web.Pager">
-        <nav class="o_pager align-items-center d-flex gap-2" aria-label="Pager">
-            <span class="o_pager_counter" t-on-click.stop="">
+        <nav class="o_pager d-flex gap-2 h-100" aria-label="Pager">
+            <span class="o_pager_counter align-self-center" t-on-click.stop="">
                 <t t-if="state.isEditing">
                     <input type="text" class="o_pager_value o_input d-inline-block w-auto text-end mb-n1" size="7" t-ref="autofocus" t-att-value="value" t-on-blur="onInputBlur" t-on-change="onInputChange" t-on-keydown.stop="onInputKeydown" />
                 </t>

addons/web/static/src/search/control_panel/control_panel.xml

@@ -41,7 +41,7 @@
                     <t t-slot="control-panel-selection-actions"/>
                 </div>
 
-                <div class="o_control_panel_navigation d-flex flex-wrap flex-md-nowrap align-items-center justify-content-end gap-3 gap-lg-1 gap-xl-3 order-1 order-lg-2 flex-grow-1">
+                <div class="o_control_panel_navigation d-flex flex-wrap flex-md-nowrap justify-content-end gap-3 gap-lg-1 gap-xl-3 order-1 order-lg-2 flex-grow-1">
                     <div t-if="pagerProps and pagerProps.total > 0" class="o_cp_pager text-nowrap " role="search">
                         <Pager t-props="pagerProps"/>
                     </div>