chore: explicit use client

Signed-off-by: mateonunez <mateonunez95@gmail.com>

app/blog/[slug]/(page)/page-client.jsx

@@ -1,21 +1,15 @@
 'use client';
 
 import s from 'components/articles/article.module.css';
-
-import ArticleMeta from 'components/articles/meta';
-import ArticleTitle from 'components/articles/title';
-import ArticleContent from 'components/articles/content';
+import Article from 'components/articles';
 
 export default function ArticlePageClient({ source, frontmatter }) {
-  const { title, date, author, tags, readingTime } = frontmatter;
-
   return (
     <div className={s.root}>
-      <ArticleMeta date={date} author={author} tags={tags} readingTime={readingTime} />
-
-      <ArticleTitle title={title} />
-
-      <ArticleContent source={source} />
+      <Article
+        frontMatter={frontmatter}
+        source={source}
+      />
     </div>
   );
 }

components/articles/content/index.jsx

@@ -1,3 +1,5 @@
+'use client';
+
 import s from './content.module.css';
 
 import { MDXRemote } from 'next-mdx-remote';

components/articles/meta/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import s from './meta.module.css';
 
 import Link from 'next/link';

components/articles/title/index.js

@@ -1,3 +1,5 @@
+'use client';
+
 import s from './title.module.css';
 
 export default function ArticleTitle({ title }) {