feat: implement advanced comment features including reply and like functionality

- Added support for nested comments with reply functionality.
- Implemented like/unlike feature for comments and posts.
- Enhanced comment DTO to include reply count, like count, and like status.
- Updated comment and like services to handle new functionalities.
- Created new API endpoints for toggling likes and listing comments.
- Improved UI components for comments to support replies and likes with animations.
- Added localization for new comment-related messages.
- Introduced a TODO list for future enhancements in the comment module.

web/src/api/comment.ts

@@ -32,6 +32,7 @@ export interface ListCommentsParams {
   desc?: boolean
   page?: number
   size?: number
+  commentId?: number
 }
 
 export async function listComments(params: ListCommentsParams): Promise<BaseResponse<Comment[]>> {
@@ -43,6 +44,7 @@ export async function listComments(params: ListCommentsParams): Promise<BaseResp
     desc = true,
     page = 1,
     size = 10,
+    commentId = 0,
   } = params
   const res = await axiosClient.get<BaseResponse<Comment[]>>(`/comment/list`, {
     params: {
@@ -52,7 +54,8 @@ export async function listComments(params: ListCommentsParams): Promise<BaseResp
       orderBy,
       desc,
       page,
-      size
+      size,
+      commentId,
     }
   })
   return res.data

web/src/api/like.ts

@@ -0,0 +1,11 @@
+import axiosClient from './client'
+import type { BaseResponse } from '@/models/resp'
+import { TargetType } from '@/models/types'
+
+
+export async function toggleLike(
+    { targetType, targetId }: { targetType: TargetType, targetId: number },
+): Promise<BaseResponse<{ status: boolean }>> {
+    const res = await axiosClient.put<BaseResponse<{ status: boolean }>>('/like/toggle', { targetType, targetId })
+    return res.data
+}