[FIX] web: proper display of pages headers for companies view form

Steps to reproduce:

1. Activate Dev mode
2. Settings > Technical > User Interface > Views
3. res.company.form
4. In the architecture add more pages
`<page name="test1" string="This is a test ABC DEF"/>
<page name="test2" string="This is a test ABC DEF"/>
<page name="test3" string="This is a test ABC DEF"/>
<page name="test4" string="This is a test ABC DEF"/>
<page name="test5" string="This is a test ABC DEF"/>
<page name="test6" string="This is a test ABC DEF"/>
<page name="test7" string="This is a test ABC DEF"/>` Save manually
5. Settings > Users & Companies > Companies
6. Open any company.

Issue:

Tabs go off the screen instead of moving down a row like in previous
versions.

Solution:

Adding the proper `overflow-x=auto` will handle the issue.

opw-3079492

closes odoo/odoo#107024

Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>

addons/web/static/src/core/notebook/notebook.scss

@@ -8,10 +8,9 @@
 
     .o_notebook_headers {
         margin: 0 var(--notebook-margin-x, 0);
+        overflow-x: auto;
 
         @include media-breakpoint-down(md) {
-            overflow-x: auto;
-
             &::-webkit-scrollbar {
                 display: none;
             }