fix: Rearrange tableBodyStartInjection rendering in ResourceListTable for improved layout

Author: SerVitasik

adminforth/spa/src/components/ResourceListTable.vue

@@ -14,11 +14,7 @@
     <table v-else class=" w-full text-sm text-left rtl:text-right text-gray-500 dark:text-gray-400 rounded-default">
 
       <tbody>
-        <tr v-for="c in tableBodyStartInjection" :key="c.id">
-          <td :colspan="resource?.columns.length + 2">
-            <component :is="getCustomComponent(c)" :meta="c.meta" :resource="resource" :adminUser="coreStore.adminUser" />
-          </td>
-        </tr>
+        
         <!-- table header -->
         <tr class="t-header sticky z-10 top-0 text-xs  bg-lightListTableHeading dark:bg-darkListTableHeading dark:text-gray-400">
           <td scope="col" class="p-4">
@@ -64,6 +60,11 @@
             {{ $t('Actions') }}
           </td>
         </tr>
+        <tr v-for="c in tableBodyStartInjection" :key="c.id">
+          <td :colspan="resource?.columns.length + 2">
+            <component :is="getCustomComponent(c)" :meta="c.meta" :resource="resource" :adminUser="coreStore.adminUser" />
+          </td>
+        </tr>
         <!-- table header end -->
         <SkeleteLoader 
           v-if="!rows" 
@@ -72,6 +73,7 @@
           :row-heights="rowHeights"
           :column-widths="columnWidths"
         />
+        
         <tr v-else-if="rows.length === 0" class="bg-lightListTable dark:bg-darkListTable dark:border-darkListTableBorder">
           <td :colspan="resource?.columns.length + 2">