clean code

packages/app/src/components/PageContentFooter.tsx

@@ -3,6 +3,8 @@ import React, { memo } from 'react';
 import { IPage } from '@growi/core';
 import dynamic from 'next/dynamic';
 
+import { IUser } from '~/interfaces/user';
+
 import { Skelton } from './Skelton';
 
 import styles from './PageContentFooter.module.scss';
@@ -17,12 +19,16 @@ export type PageContentFooterProps = {
 export const PageContentFooter = memo((props: PageContentFooterProps): JSX.Element => {
   const { page } = props;
 
+  const {
+    creator, lastUpdateUser, createdAt, updatedAt,
+  } = page;
+
   return (
     <div className={`${styles['page-content-footer']} page-content-footer py-4 d-edit-none d-print-none}`}>
       <div className="grw-container-convertible">
         <div className="page-meta">
-          <AuthorInfo user={page.creator} date={page.createdAt} mode="create" locate="footer" />
-          <AuthorInfo user={page.lastUpdateUser} date={page.updatedAt} mode="update" locate="footer" />
+          <AuthorInfo user={creator as IUser} date={createdAt} mode="create" locate="footer" />
+          <AuthorInfo user={lastUpdateUser as IUser} date={updatedAt} mode="update" locate="footer" />
         </div>
       </div>
     </div>