feat: 아티클 상세 페이지 구현 및 routing

app/article/[slug]/@comments/page.tsx

@@ -0,0 +1,13 @@
+import { CommentForm } from "components/article/@comments/comment-form";
+import { Comments } from "components/article/@comments/comments";
+
+const CommentsPage = () => {
+  return (
+    <div className="flex flex-col gap-3">
+      <CommentForm />
+      <Comments />
+    </div>
+  );
+};
+
+export default CommentsPage;

app/article/[slug]/layout.tsx

@@ -0,0 +1,20 @@
+import type { PropsWithChildren, ReactNode } from "react";
+
+type Props = {
+  comments: ReactNode;
+};
+
+const ArticleLayout = ({ children, comments }: PropsWithChildren<Props>) => {
+  return (
+    <div className="flex justify-center">
+      <div className="page relative">
+        <div className="flex flex-col gap-12 py-20">
+          {children}
+          {comments}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default ArticleLayout;

app/article/[slug]/page.tsx

@@ -0,0 +1,15 @@
+import { Author } from "components/article/author";
+import { Content } from "components/article/content";
+import { Summary } from "components/article/summary";
+
+const ArticlePage = () => {
+  return (
+    <>
+      <Summary />
+      <Content />
+      <Author />
+    </>
+  );
+};
+
+export default ArticlePage;