Edit and delete comments

Value Proposition

As a family member,

I want to be able to edit and delete comments,

so that I can keep the task information up-to-date and relevant to the current status.

Edit Comment:
- When user is viewing a task, there should be an option to edit the comment associated with that task.
- Clicking on the edit option should open a text field pre-filled with the existing comment.
- User should be able to make changes to the comment and save the updated version or cancel editing.
- After saving, the task view should reflect the edited comment.
Delete Comment:
- While viewing a task, user should have the option to delete the comment attached to it.
- Clicking on the delete option should prompt a confirmation dialogue to ensure user want to proceed with deletion.
- Upon confirmation, the comment should be removed from the task.
- The task view should no longer display the deleted comment.

[ ] create feature branch feature/edit-delete-comments.
[ ] add elements with trash-bin-icon and a pen-icon for each comment in the Comments component.
[ ] implement a logic to show a pre-filled form with the existing comment upon clicking an edit-icon and two buttons to cancel or update the comment.
[ ] write a function to handle editing upon clicking on "Update" button to update the comment with the new form data in frontend and backend.
[ ] implement a logic to open a dialog modal window (use existing Modal component) with the confirmation message and two buttons - "Yes" to confirm and "No" to cancel user's intention to delete a comment.
[ ] write a function to handle a click on "Yes" button to delete the comment in frontend and backend.
[ ] implement a logic for the cancel-edit-button to hide the edit-form by its clicking