change data articles and create head and detail page item blog

components/blogs/latestArticles/index.js

@@ -1,5 +1,6 @@
 import articles from '@/data/articles.json';
 import Article from "./Article";
+import Pagination from '@/app/component/Pagination';
 
 function LatestArticles() {
     return (
@@ -13,6 +14,9 @@ function LatestArticles() {
                     />
                 ))}
             </ul>
+            <div className='mt-[56px] flex justify-center'>
+                <Pagination />
+            </div>
         </div>
     )
 }