feat(blog): refresh post detail layout

src/components/BlogPostActions.tsx

@@ -12,14 +12,12 @@ type BlogPostActionsProps = {
   slug: string;
   initialLikes: number;
   initialSaves: number;
-  initialComments: number;
 };
 
 export default function BlogPostActions({
   slug,
   initialLikes,
   initialSaves,
-  initialComments,
 }: BlogPostActionsProps) {
   const { isAuthenticated } = useAuth();
   const [loadingAction, setLoadingAction] = useState<"like" | "save" | null>(null);
@@ -28,7 +26,7 @@ export default function BlogPostActions({
     saved: false,
     likes_count: initialLikes,
     saves_count: initialSaves,
-    comments_count: initialComments,
+    comments_count: 0,
   });
 
   useEffect(() => {
@@ -67,7 +65,7 @@ export default function BlogPostActions({
   };
 
   return (
-    <div className="flex flex-wrap items-center justify-center gap-3 pt-4" dir="rtl">
+    <div className="flex flex-wrap items-center justify-center gap-3 border-t border-border/70 pt-6" dir="rtl">
       <Button
         type="button"
         variant="ghost"
@@ -92,10 +90,10 @@ export default function BlogPostActions({
       <Button
         type="button"
         variant="ghost"
-        size="lg"
+        size="icon"
         onClick={toggleSave}
         disabled={!isAuthenticated || Boolean(loadingAction)}
-        className="gap-2 rounded-full border border-border/60 bg-background/80 px-5 shadow-sm backdrop-blur hover:bg-amber-50 hover:text-amber-600 dark:hover:bg-amber-950/30"
+        className="rounded-full border border-border/60 bg-background/80 shadow-sm backdrop-blur hover:bg-amber-50 hover:text-amber-600 dark:hover:bg-amber-950/30"
         aria-label="ذخیره نوشته"
       >
         {loadingAction === "save" ? (
@@ -108,7 +106,6 @@ export default function BlogPostActions({
             )}
           />
         )}
-        <span>ذخیره</span>
       </Button>
       {!isAuthenticated ? (
         <span className="basis-full text-center text-xs text-muted-foreground">