feat: Add create components workflow in unit page

Author: ChrisChV

src/library-authoring/LibraryAuthoringPage.tsx

@@ -96,16 +96,6 @@ const HeaderActions = () => {
           {intl.formatMessage(messages.newContentButton)}
         </Button>
       )}
-      {/* This button is temporal in this commit */}
-      <Button
-        className="ml-1"
-        iconBefore={Add}
-        variant="primary rounded-0"
-        onClick={openAddContentSidebar}
-        disabled={readOnly}
-      >
-        Add Content
-      </Button>
     </div>
   );
 };

src/library-authoring/units/LibraryUnitPage.tsx

@@ -26,6 +26,7 @@ const HeaderActions = () => {
 
   const { unitId, readOnly } = useLibraryContext();
   const {
+    openAddContentSidebar,
     closeLibrarySidebar,
     openUnitInfoSidebar,
     sidebarComponentInfo,
@@ -64,6 +65,7 @@ const HeaderActions = () => {
         iconBefore={Add}
         variant="primary rounded-0"
         disabled={readOnly}
+        onClick={openAddContentSidebar}
       >
         {intl.formatMessage(messages.newContentButton)}
       </Button>