refactor: change the creation time field for comments and replies (#874)

#### What type of PR is this?

/kind improvement

#### What this PR does / why we need it:

修改评论和回复的创建时间字段。适配：https://github.com/halo-dev/halo/pull/3341

#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/3330

#### Special notes for your reviewer:

None

#### Does this PR introduce a user-facing change?

```release-note
None
```

packages/api-client/src/models/comment-spec.ts

@@ -61,6 +61,12 @@ export interface CommentSpec {
    * @memberof CommentSpec
    */
   approvedTime?: string
+  /**
+   *
+   * @type {string}
+   * @memberof CommentSpec
+   */
+  creationTime?: string
   /**
    *
    * @type {number}

packages/api-client/src/models/reply-spec.ts

@@ -58,6 +58,12 @@ export interface ReplySpec {
    * @memberof ReplySpec
    */
   approvedTime?: string
+  /**
+   *
+   * @type {string}
+   * @memberof ReplySpec
+   */
+  creationTime?: string
   /**
    *
    * @type {number}

src/modules/contents/comments/components/CommentListItem.vue

@@ -369,10 +369,15 @@ const subjectRefResult = computed(() => {
           <VStatusDot v-tooltip="`删除中`" state="warning" animate />
         </template>
       </VEntityField>
-      <VEntityField v-if="comment?.comment?.spec.approvedTime">
+      <VEntityField>
         <template #description>
           <span class="truncate text-xs tabular-nums text-gray-500">
-            {{ formatDatetime(comment?.comment?.spec.approvedTime) }}
+            {{
+              formatDatetime(
+                comment?.comment.spec.creationTime ||
+                  comment?.comment.metadata.creationTimestamp
+              )
+            }}
           </span>
         </template>
       </VEntityField>

src/modules/contents/comments/components/ReplyListItem.vue

@@ -171,10 +171,15 @@ const isHoveredReply = computed(() => {
           <VStatusDot v-tooltip="`删除中`" state="warning" animate />
         </template>
       </VEntityField>
-      <VEntityField v-if="reply?.reply?.spec.approvedTime">
+      <VEntityField>
         <template #description>
           <span class="truncate text-xs tabular-nums text-gray-500">
-            {{ formatDatetime(reply?.reply?.spec.approvedTime) }}
+            {{
+              formatDatetime(
+                reply?.reply?.spec.creationTime ||
+                  reply?.reply.metadata.creationTimestamp
+              )
+            }}
           </span>
         </template>
       </VEntityField>