Collections Page - Bare bones

[jmakowski1123]

Designs: Mid-Fi Figma link

✅ In Scope:

Spec:

1. Users can create a collection in a Library.
2. Each collection has a Collection Page.
3. Users can create as many Collections in a library as they would like.
4. When a user has created a new collection via the "new collection" button, the collection page displays as empty state.

5. When a user has created a new collection via the "add to collection" button on a content card or on a sidebar, then the collection page displays with the content populated. Content within the collection should be auto-sorted by most recently modified.

Requirements:

1. On the Collection Page, display the Collection name and an (i) button that does nothing (it's for the sidebar, in a future story)
2. Display breadcrumbs that a user can use to navigate back to the All Collections Page or the Library Home.
3. Include the keyword search field. Collections Page - Search within a collection #1103
4. Include a filter for tags (Collections Page - Filter by Tags #1169))
5. Include a filter for content type (Collections Page - Filter by Content Type #1168)
6. Include sort button (Sort Collection Components - Collections Page #1166)

Out of scope:

1. Button to view content in list view

[pomegranited]

Use the object_key field added by openedx/modular-learning#228 to identify the collection in the URL.

[navinkarkera]

@pomegranited Since we already have library-key in the url, we just need to include the collection key (not the whole opaque key) in the url. Discussion can be found in openedx/edx-platform#35321 (comment)

[pomegranited]

@navinkarkera Oh yes that's correct, thank you!

[navinkarkera]

@jmakowski1123 @lizc577 @sdaitzman @marcotuts This is ready for AC testing on the sandbox

[jmakowski1123]

Collection page looks good!

I realize I missed a set of requirements for opening the collections page from other pathways - sorry about that. Created a story here: #1322