❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Overview

In #5405, the fundamental structure for the new "Submit to Community Library" side panel was created. However, the current implementation still lacks warning messages regarding the relationship between the new submission being made and the existing ones. This will be included in the scope of this issue. Additionally, the design specs have changed slightly, and they should be updated in the scope of this PR.

Technical details

Description	Spec
Update the current info box message to be just a text paragraph without any styles.
Update the "see more" text to be "More details", and show the more details paragraph when clicked
Update the message and styles of the warning shown when the channel hasn't been published yet to match the new spec. Note that the Box component implementation should be updated for this.
Update the layout of the Channel metadata info to match the spec: 1. Include the channel version in the channel name. 2. Remove the titles of the Language(s) detected and Categories, and show only the languages and categories in single lines. 3. Remove the Licenses information.
If a previous submission exists, replace the community channels info message with these messages depending on the previous submission status (Note: If the previous status is either approved or live present the live info message)
When a previous submission exists, and its state is PENDING, then render this confirmation radio button at the end of the side panel, and make checking it required to enable the submit button

Notes:

• Any invalid/loading state will keep disabling the Submit button.
• All logic in new components should be done using the Vue composition API.
• All new strings should be created in the communityChannelsStrings file.

Resources

• Here you can find the Figma file to check the big picture. Note that implementing the license check layout is out of the scope of this issue.

Acceptance criteria

• The community channel info text is updated depending on the state of the previous submission, if any.
• The layout for warnings and channel info is updated to match the new design specs.
• Unit tests are updated.