feat(VnLogFilter): refs #8449 enable orders

src/components/VnTable/VnOrder.vue

@@ -70,7 +70,7 @@ function textAlignToFlex(textAlign) {
         :style="textAlignToFlex(align)"
     >
         <span :title="label">{{ label }}</span>
-        <div v-if="name && model?.index">
+        <div v-if="name">
             <QChip
                 :label="!vertical ? model?.index : ''"
                 :icon="
@@ -90,7 +90,7 @@ function textAlignToFlex(textAlign) {
                 style="min-width: 40px; max-height: 30px"
             >
                 <div
-                    class="column flex-center"
+                    class="column justify-center text-center"
                     v-if="vertical"
                     :style="!model?.index && 'color: #5d5d5d'"
                 >

src/components/common/VnLog.vue

@@ -304,6 +304,7 @@ watch(
         @on-change="setLogTree"
         search-url="logs"
         :exprBuilder
+        :order="['creationDate DESC', 'id DESC']"
     >
         <template #body>
             <div

src/components/common/VnLogFilter.vue

@@ -40,12 +40,12 @@ const checkboxOptions = ref([
 const columns = computed(() => [
     { name: 'changedModelValue' },
     { name: 'changedModel' },
-    { name: 'userType' },
+    { name: 'userType', orderBy: false },
     { name: 'userFk' },
-    { name: 'change' },
+    { name: 'change', orderBy: false },
     { name: 'action' },
-    { name: 'from', orderBy: 'created' },
-    { name: 'to', orderBy: 'created' },
+    { name: 'from', orderBy: 'creationDate' },
+    { name: 'to', orderBy: 'creationDate' },
 ]);
 
 const userParamsWatcher = watch(