feat: refactor article components to use searchParams for pagination and improve content loading

src/app/(pages)/article/[slug]/page.tsx

@@ -6,13 +6,13 @@ import { Suspense } from 'react';
 import ReactMarkdown from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 
-interface ArticlePageProps {
+type ArticlePageProps = {
     params: Promise<{ slug: string }>;
-}
+};
 
-interface ArticleContentProps {
+type ArticleContentProps = {
     params: Promise<{ slug: string }>;
-}
+};
 
 function readingTime(text: string): number {
     const words = text.trim().split(/\s+/).length;

src/app/(pages)/home/page.tsx

@@ -36,9 +36,9 @@ const ArticleListSkeleton = () => (
     </>
 );
 
-interface ArticleListProps {
+type ArticleListProps = {
     searchParams: Promise<{ page?: string; pageSize?: string }>;
-}
+};
 
 const ArticleList = async ({ searchParams }: ArticleListProps) => {
     const { page: pageParam, pageSize: pageSizeParam } = await searchParams;