Allow comment authors to edit and delete their own comments

[MundiaNderi]

Fixes #2383

This PR
Adds edit and delete comment views, corresponding URLs, changes the comment components and adds tests for both views and component changes

To test/how I tested:

• Test the changes locally to see you can edit & delete comments.
• Check if the corresponding tests pass / are sufficient

[codecov-commenter]

Codecov Report

❌ Patch coverage is 64.39394% with 47 lines in your changes missing coverage. Please review.
✅ Project coverage is 78.79%. Comparing base (4f2d355) to head (40986a1).
⚠️ Report is 6 commits behind head on main.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[mathjazz]

Great work!

The feature works fine and the code looks good on the surface.

My only complaint is that the alignment of the comment editor in Translation History panel and the alignment of buttons underneath it, is off:

BTW, this feature will also need docs update (just added a label to the issue):
https://mozilla-l10n.github.io/localizer-documentation/tools/pontoon/glossary.html#comment

[mathjazz]

Thanks for the update!

In translation comments, the editor (and the avatar) are still indented right.

[MundiaNderi]

Thanks for the update!

In translation comments, the editor (and the avatar) are still indented right.

It was not registering to me that we have comments underneath the editor but I finally got it. I had seen them before but the comments to the right of the editor came more naturally to me.

[mathjazz]

One more thing - while editing a comment, the buttons and the timestamp of the edited comment appear much lower relative to the editor compare to how they appear for the non-edited comment. Please make sure the distance is consistent.

[mathjazz]

@MundiaNderi Sorry for the tedious review process. Found a few more smaller things.

One other thing I noticed is that when you hover the Cancel, Delete and Edit buttons, the middot separating the buttons also changes color. It shouldn't.

Also, we could use var(--status-error) when hovering the Delete button.

[mathjazz]

Great work, thanks for keeping up with the tedious review process! :)

[mathjazz]

BTW, this feature will also need docs update (just added a label to the issue):

Actually none of the existig docs get outdated by merging this change. As a bonus, we can still document the ability to edit and delete comments, but a blog post would be even better.