fix: move column name at the start of row for the show/edit/create views

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1228/BBMiKsfJ/we-need-to-adjust-row-title-at

Author: yaroslav8765

adminforth/spa/src/components/GroupsTable.vue

@@ -22,7 +22,7 @@
           class="bg-lightForm dark:bg-darkForm dark:border-darkFormBorder block md:table-row"
           :class="{ 'border-b': i !== group.columns.length - 1}"
         >
-          <td class="px-6 py-4 flex items-center block md:table-cell pb-0 md:pb-4" 
+          <td class="px-6 py-4 flex items-center block pb-0 md:pb-4" 
               :class="{'rounded-bl-lg border-b-none': i === group.columns.length - 1}"> <!--align-top-->
             <span class="flex items-center gap-1">                     
               {{ column.label }}

adminforth/spa/src/components/ShowTable.vue

@@ -32,7 +32,7 @@
                   :record="coreStore.record"
               />
             <template v-else-if="checkShowIf(column, record, resource?.columns || [])">
-              <td class="px-6 py-4 relative block md:table-cell font-bold md:font-normal pb-0 md:pb-4">
+              <td class="px-6 py-4 relative block flex justify-start font-bold md:font-normal pb-0 md:pb-4">
                 {{ column.label }}
               </td>
               <td class="px-6 py-4 whitespace-pre-wrap" :data-af-column="column.name">