[FIX] l10n_de: print and preview css

This PR solve two things:
- Preview: due to the hardcoded width the preview didn't take all the page and
was push on the left.
- PDF: Weird stuff happened with the header, he was hiding information below
 the header.

Task-id: 3262408
Part-of: odoo/odoo#134107

addons/l10n_din5008/report/din5008_report.xml

@@ -35,9 +35,9 @@
         <template id="external_layout_din5008">
             <div>
                 <div t-attf-class="header din_page o_company_#{company.id}_layout">
-                    <table class="company_header table-borderless" t-att-style="'height: %dmm;' % (din_header_spacing or 27)">
+                    <table class="company_header">
                         <tr>
-                            <td><div class="h3 mt0" t-field="company.report_header"/></td>
+                            <td><h3 class="mt0" t-field="company.report_header"/></td>
                             <td><img t-if="company.logo" t-att-src="image_data_uri(company.logo)" t-att-style="'max-height: %dmm;' % (din_header_spacing or 27)"/></td>
                         </tr>
                     </table>

addons/l10n_din5008/static/src/scss/report_din5008.scss

 .din_page {
-    width: 180mm;
-    margin-left: -1rem;
     font-size: 9pt;
 
     .container-fluid & { // center the invoice in portal preview
@@ -8,6 +6,7 @@
        margin-right: auto;
     }
     &.header {
+        margin-left: 10px;
         table {
             width: 100%;
             img, h3, div.h3, td, tr {
@@ -26,6 +25,8 @@
         }
     }
     &.invoice_note {
+        padding-top: 10px;
+        margin-left: 10px;
         tr {
             td {
                 vertical-align: bottom;
@@ -88,7 +89,7 @@
         }
     }
     &.footer {
-        padding-left: 5mm;
+        margin-left: 10px;
         padding-right: 10mm;
         .page_number {
             margin-top: 4.23mm;