fix(UserInvoices): update control to be compatible with the quiqqer/frontend-users version 2.4.0

src/QUI/ERP/Accounting/Invoice/FrontendUsers/UserInvoices.css

-.quiqqer-invoice-profile-invoices {
-    float: left;
+:where(.quiqqer-invoice-profile-invoices-table) {
     width: 100%;
 }
 
-.quiqqer-invoice-profile-invoices-table {
-    float: left;
-    width: 100%;
-}
-
-.quiqqer-invoice-profile-invoices-table th {
+:where(.quiqqer-invoice-profile-invoices-table th) {
     padding: 5px;
     text-align: left;
 }
 
-.quiqqer-invoice-profile-invoices-table td {
+:where(.quiqqer-invoice-profile-invoices-table td) {
     padding: 5px;
 }
 
-.quiqqer-invoice-profile-invoices-table th:last-child,
-.quiqqer-invoice-profile-invoices-table td:last-child {
+.quiqqer-invoice-profile-invoices-table-th-invoice-dl,
+.quiqqer-invoice-profile-invoices-table-invoice-dl {
     text-align: center;
     width: 100px;
 }
@@ -27,6 +21,6 @@
     width: 140px;
 }
 
-.quiqqer-invoice-profile-invoices-table tbody tr:nth-child(odd) {
+:where(.quiqqer-invoice-profile-invoices-table tbody tr:nth-child(even)) {
     background: #f8f8f8;
 }
\ No newline at end of file

src/QUI/ERP/Accounting/Invoice/FrontendUsers/UserInvoices.html

-<h1>
-    {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.title"}
-</h1>
+<section class="quiqqer-frontendUsers-profile-section quiqqer-frontendUsers-section--userInvoices">
+    <h2>
+        {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.title"}
+    </h2>
 
-<table class="quiqqer-invoice-profile-invoices-table">
-    {if count($invoices)}
-    <thead>
-    <tr>
-        <th>
-            {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.id"}
-        </th>
-        <th>
-            {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.date"}
-        </th>
-        <th>
-            {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.download"}
-        </th>
-    </tr>
-    </thead>
-    {/if}
-    <tbody>
-    {foreach $invoices as $Invoice}
-    <tr class="quiqqer-invoice-profile-invoices-table-invoice">
-        <td class="quiqqer-invoice-profile-invoices-table-invoice-id">
-            {$Invoice->getId()}
-        </td>
-        <td class="quiqqer-invoice-profile-invoices-table-invoice-date">
-            {$Invoice->getDate()}
-        </td>
-        <td class="quiqqer-invoice-profile-invoices-table-invoice-dl">
-            <a href="{$Invoice->getDownloadLink()}" target="_blank">
-                <span class="fa fa-file-pdf-o fa-file-pdf"></span>
-            </a>
-        </td>
-    </tr>
-    {foreachelse}
-    <tr>
-        <td colspan="3">
-            <div class="invoice-message-empty-invoices">
-                {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.empty.message"}
-            </div>
-        </td>
-    </tr>
-    {/foreach}
-    </tbody>
-</table>
+    <table class="quiqqer-invoice-profile-invoices-table">
+        {if count($invoices)}
+        <thead>
+        <tr>
+            <th>
+                {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.id"}
+            </th>
+            <th>
+                {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.date"}
+            </th>
+            <th class="quiqqer-invoice-profile-invoices-table-th-invoice-dl">
+                {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.download"}
+            </th>
+        </tr>
+        </thead>
+        {/if}
+        <tbody>
+        {foreach $invoices as $Invoice}
+        <tr class="quiqqer-invoice-profile-invoices-table-invoice">
+            <td class="quiqqer-invoice-profile-invoices-table-invoice-id">
+                {$Invoice->getId()}
+            </td>
+            <td class="quiqqer-invoice-profile-invoices-table-invoice-date">
+                {$Invoice->getDate()}
+            </td>
+            <td class="quiqqer-invoice-profile-invoices-table-invoice-dl">
+                <a href="{$Invoice->getDownloadLink()}" target="_blank">
+                    <span class="fa fa-file-pdf-o fa-file-pdf"></span>
+                </a>
+            </td>
+        </tr>
+        {foreachelse}
+        <tr>
+            <td colspan="3">
+                <div class="invoice-message-empty-invoices">
+                    {locale group="quiqqer/invoice" var="control.frontendUsers.invoices.table.empty.message"}
+                </div>
+            </td>
+        </tr>
+        {/foreach}
+        </tbody>
+    </table>
+</section>
\ No newline at end of file