fix(comments) : remove extra spacing from replies

components/comments/comment-card.tsx

@@ -594,7 +594,8 @@ export function CommentCard({
       tabIndex={highlighted ? -1 : undefined}
       className={cn(
         "scroll-mt-36",
-        inbox ? "max-md:block" : "flex flex-col gap-2 py-2",
+        inbox ? "max-md:block" : "flex flex-col gap-2",
+        !inbox && !item.rootId && "py-2",
         inboxReply && "relative",
         highlighted && "rounded-lg bg-accent ring-2 ring-ring",
         expanded &&
@@ -823,7 +824,7 @@ export function CommentCard({
                     <AccordionContent
                       keepMounted
                       panelClassName="data-open:overflow-visible"
-                      className="[&_p]:mb-0"
+                      className="pb-0 [&_p:not(:last-child)]:mb-0"
                     >
                       {hasOpenedReplies && (
                         <div className="flex flex-col gap-3">
@@ -854,7 +855,7 @@ export function CommentCard({
                               }}
                             >
                               <ChevronUpIcon data-icon="inline-start" />
-                              Show less
+                              แสดงน้อยลง
                             </Button>
                           </div>
                         </div>
@@ -990,7 +991,7 @@ function CommentReplies({
     } else if (page.nextCursor) void more();
   }, [focusReplyId, busy, error, page, more]);
   return (
-    <div id={`replies-${rootId}`} className="flex flex-col gap-3 pt-2">
+    <div id={`replies-${rootId}`} className="flex flex-col gap-3">
       {feed.error && (
         <Alert variant="destructive">
           <AlertDescription>{feed.error}</AlertDescription>
@@ -1064,7 +1065,7 @@ function CommentReplyTree({
       <div
         key={reply.id}
         className={cn(
-          "relative flex min-w-0 flex-col gap-3 before:absolute before:-left-8 before:top-0 before:h-6 before:w-6 before:rounded-bl-2xl before:border-b before:border-l before:border-border",
+          "relative flex min-w-0 flex-col gap-3 before:absolute before:-left-8 before:top-0 before:h-4 before:w-6 before:rounded-bl-2xl before:border-b before:border-l before:border-border",
           parent !== null &&
             index < siblings.length - 1 &&
             "after:absolute after:-bottom-3 after:-left-8 after:top-0 after:border-l after:border-border",
@@ -1076,7 +1077,7 @@ function CommentReplyTree({
           className={cn(
             !moderationDetails &&
               groups.has(reply.id) &&
-              "relative after:absolute after:-bottom-3 after:left-4 after:top-10 after:border-l after:border-border",
+              "relative after:absolute after:-bottom-3 after:left-4 after:top-8 after:border-l after:border-border",
           )}
         >
           <CommentCard