fix: ui issues

src/pages/api-keys/index.tsx

@@ -240,7 +240,7 @@ const Models: React.FC = () => {
           }}
         >
           <Column
-            title={intl.formatMessage({ id: 'apikeys.table.name' })}
+            title={intl.formatMessage({ id: 'common.table.name' })}
             dataIndex="name"
             key="name"
             width={400}
@@ -249,6 +249,14 @@ const Models: React.FC = () => {
             }}
           />
 
+          <Column
+            title={intl.formatMessage({ id: 'apikeys.form.expiretime' })}
+            dataIndex="expires_at"
+            key="expiration"
+            render={(text, record) => {
+              return dayjs(text).format('YYYY-MM-DD HH:mm:ss');
+            }}
+          />
           <Column
             title={intl.formatMessage({ id: 'common.table.createTime' })}
             dataIndex="created_at"
@@ -261,14 +269,6 @@ const Models: React.FC = () => {
               return dayjs(text).format('YYYY-MM-DD HH:mm:ss');
             }}
           />
-          <Column
-            title={intl.formatMessage({ id: 'apikeys.form.expiretime' })}
-            dataIndex="expires_at"
-            key="expiration"
-            render={(text, record) => {
-              return dayjs(text).format('YYYY-MM-DD HH:mm:ss');
-            }}
-          />
           <Column
             title={intl.formatMessage({ id: 'common.table.operation' })}
             key="operation"
@@ -281,7 +281,6 @@ const Models: React.FC = () => {
                     <Button
                       onClick={() => handleDelete(record)}
                       size="small"
-                      type="primary"
                       danger
                       icon={<DeleteOutlined></DeleteOutlined>}
                     ></Button>