ref(frontend) several minor updates

frontend/app/(pages)/blog/PostList.tsx

@@ -1,33 +1,19 @@
 'use server';
 
 import React from 'react';
-import BlogPostCard from '@/app/(pages)/blog/BlogPostCard';
-
-import * as motion from 'motion/react-client';
 import { fetchPostList } from '@/src/api/blog/post';
+import AnimationPostList from '@/app/(pages)/blog/post/components/AnimationPostList';
 
 const PostList = async ({ page }: { page: number }) => {
     try {
         const postListResponse = await fetchPostList(page);
 
         const posts = postListResponse.data.posts;
+
         return (
             // blog list
             <div className={ 'w-full' }>
-                <ul className={ 'flex flex-col items-center w-full space-y-7' }>
-                    { posts.map((post, key: number) => (
-                        <li key={ key } className={ 'w-full' }>
-                            <motion.div
-                                initial={ { y: 20, opacity: 0 } }
-                                animate={ { y: 0, opacity: 1 } }
-                                transition={ { ease: 'easeInOut', duration: 0.5, delay: key * .2 + .25 } }
-                            >
-                                <BlogPostCard post={ post } />
-                            </motion.div>
-                        </li>)
-                    ) }
-                </ul>
-
+                <AnimationPostList posts={ posts } />
             </div>
         );
     } catch (e: any) {