[EPIC] CD: Implement Content Preview Side Panel #32354

Feature Title

CD: Implement Content Preview Side Panel

Description

There is currently not a good way to preview the file, folder, content item, video or in general selected object in the list view. While there exists an icon or thumbnail in the list view, it is way too small to provide a decent preview. We need to provide the user with a better preview of the object they have selected to help them decide whether or not to open it, delete it, move it or otherwise perform any actions on it.
Users will be able to preview the selected objects directly from the list view just by selecting them and seeing their preview in the side panel, this will help them identify objects and decide whether or not they want to interact with them to edit them or perform any other operation on them.

Personas

• Developer teams
• Content teams
• DevOps teams
• Sys Admin

Demo Expectations

• Demonstrate selecting a file or content item in the content listing and observe the side panel appearing.
• Verify that the metadata (ID, Type, Created Date, Modified Date, Status, Tags) is displayed correctly in the side panel.
• Demonstrate image preview for image files.
• Demonstrate video preview for video files.
• Demonstrate than Content Page, Blog Post shows a Title and short description.

Success Criteria

• A side panel displays when a file or content item is selected in the content listing.
• The side panel displays the following metadata: ID, Type, Created Date, Modified Date, Status, and Tags.
• Image files display a thumbnail preview.
• Video files display a video player with a play button.
• The basic metadata is accurate and relevant to the selected content item.
• Links to edit the asset in their respective portlets, including UVE