Comments: Create new comment details view

[dvdchr]

Ref: pbArwn-2ks-p2

Summary

Create a new Comment Details view, which will be accessible from the Comments and Notifications page. Note that some components will be addressed separately through different issues, and some functionalities may depend on ongoing development. Here's the design from Zeplin:

Some notes regarding components marked red (going from the top):

• The edit button will be visually included in this issue, but the functionality depends on Comments: add new Edit view #17000, and may be wired later on. When tapped, the new edit comment view should be shown in full modal presentation.
  • Since Edit Comment: add initial view #17046 is merged, the functionality can be included here, but I'll need to make sure that the edit view feature flag is also enabled.
• Same as above, the reply button will be visually included in this issue, but the functionality will be addressed through a separate issue.
• Lastly, the moderation bar will completely be excluded from this and will be addressed through a different issue.

Tasks

Site Comments

• Add a feature flag for comment detail. Comment Detail: Create the initial view  #17088
• Create the initial view using Swift. Comment Detail: Create the initial view  #17088
• Comment header cell. Comment Detail: Add header cell #17095
• Create a generic cell for the other similar-looking fields (e.g. web address, email address, IP address). Comment Detail: Add regular text cells #17105
• Comment reply indicator cell. Comment Detail: Reply indicator cell UI #17106
• Comments: Create the new content cell #17108
• Add "Delete Permanently" button when the Comment is in Trashed state. Comment Detail: Add UI for the delete button #17286
• Apply a visual blur effect when the page is scrolled. Comment Detail: Navigation bar styling #17255
• Adjust certain cells' visibility based on account permission. Comment Detail: Toggle components visibility based on permission #17147
• Comments: Fetch site comments from core V2 endpoint WordPressKit-iOS#463
• Comments: Add reply ID to the object schema #17399
• Comments: Add method to fetch the latest reply comment ID #17408
• Fetch the parent Comment object if parentID exists, to get the replied author's name (i.e. "Reply to Pamela Nguyen"). Comment Detail: Modify tap action and title when the comment is a reply #17246
• Show the new details view from My Site > Comments. Comment Detail: Create the initial view  #17088

Finishing touches

• Review accessibility.
• Review Tracks.
• Comments: Enable the new comment details for My Site #17466

Issues

• Don't show the web address cell if the content is empty (discussion here). Addressed in Comment Detail: Toggle components visibility based on permission #17147.
• Backport arrowshape.turn.up.backward symbol, as it's only available in iOS 14 and above. More details here. Addressed in Comment Detail: Backport arrowshape.turn.up.backward for iOS 13 #17469.
• Comment Detail: Fix comment moderation checks for self-hosted sites #17452
• Comment Detail: Fix cell separators not aligning correctly after rotation #17451
• Comment Detail: Fix comment content cell not resizing after edit #17460
• Comment Detail: Fix Delete button not shown or hidden after moderation status update #17463
• Comment Detail: Fix spacing for views in content cell #17462
• Fix comment content header not resized properly when using accessibility text size. Addressed in Comment Detail: Fix content cell elements not resizing in AX size #17464.
• Fix comment content Reply and Like buttons not resized properly when using accessibility text size. Addressed in Comment Detail: Fix content cell elements not resizing in AX size #17464.

---

Notification Comments

• Refactor notification list to show detail using custom view controllers while maintaining pagination.
• Refactor Comment Details so it could work with a Notification object.
• Fetch and populate the data required for comment details, when coming from Notifications. May require changes to WordPressKit.
• Show the new details view from Notifications.

Finishing touches

• Review accessibility.
• Review Tracks.
• Enable the feature flag for public and update release notes.

Other non-blocking issues

• Address transition issue when tapping on the Comment header cell, as described in this comment. This is a legacy issue.
• Fix an issue where the back button's label on the navigation bar is gone after entering split view, as described in this comment. This is a legacy issue.
• [Low priority] When the orientation change is spammed, content height calculation may get into a state where the web view height is higher than the actual content. Discussion here.
• Formatted comment contents from self-hosted sites are not rendered with the correct spacing. More details here and here.
• Fix VoiceOver pathing resets to the top of the screen after reading web view contents. More details here.