Description

In the soon-to-be-deprecated ZObjectEditor, the tree of components is displayed starting from the key Z2K2/Persistent Object Value, and all the other "metadata" that corresponds to the persistent object is displayed in adjacent components.

• E.g. https://wikifunctions.beta.wmflabs.org/wiki/Z10112?action=edit
  • The ID (Z2K1) is not displayed, only seen in the header title
  • The Labels (Z2K3) and Aliases (Z2K4) are seen in the LabelBox component above the object content

Currently the default view renders the whole ZObject tree starting from the root

• E.g. https://wikifunctions.beta.wmflabs.org/wiki/Z10112?view=default-view&action=edit

This task includes:

• Design the new LabelBox component (or decide not to re-design) that will display the multilingual information of the object
• Implement the new LabelBox component or adapt the existing one to work with the current DefaultView architecture
• Insert the new LabelBox component in the DefaultView screen
• Configure the DefaultView screen to show the content starting from Z2K2 instead of from the root

Desired behavior/Acceptance criteria

• On the DefaultView screen:
• Label and alias information of a persisted ZObject is shown in a structured table/component instead of being shown in the tree structure
• The DefaultView tree structure starts from Z2K2 the same way that we did in ZObjectEditor, excluding the "metadata" from the persistent object keys

Devices and Design (URLs or screenshots)

Figma: https://www.figma.com/file/Lp739V7NSecfDQWMdQUaft/labelbox-T327918?node-id=87%3A7939&t=kuSTruoj8JcsZcXM-1

Completion checklist

• Before closing this task, review one by one the checklist available here: https://www.mediawiki.org/wiki/Abstract_Wikipedia_team/Definition_of_Done#Front-end_Task/Bug_Completion_Checklist