feat: enhance CommentSection component with resource type and ID props

fix: increase maximum comment body length to 5000 characters

Author: kingRayhan

src/app/[username]/[articleHandle]/page.tsx

@@ -159,7 +159,7 @@ const Page: NextPage<ArticlePageProps> = async ({ params }) => {
           <div className="mx-auto content-typography">{parsedHTML}</div>
         </div>
 
-        <CommentSection />
+        <CommentSection resource_type="ARTICLE" resource_id={article.id} />
       </HomepageLayout>
     </>
   );

src/backend/services/comment.action.ts

@@ -1,3 +1,5 @@
+"use server";
+
 import z from "zod";
 import { CommentActionInput } from "./inputs/comment.input";
 import { authID } from "./session.actions";

src/backend/services/inputs/comment.input.ts

@@ -8,7 +8,7 @@ export const CommentActionInput = {
   create: z.object({
     resource_id: z.string().uuid(),
     resource_type: z.enum(["ARTICLE", "COMMENT"]),
-    body: z.string().min(1).max(500),
+    body: z.string().min(1).max(5000),
   }),
   update: z.object({
     id: z.string().uuid(),