refactor: update collection url

Author: navinkarkera

src/library-authoring/LibraryLayout.tsx

@@ -66,7 +66,7 @@ const LibraryLayout = () => {
           )}
         />
         <Route
-          path="collections/:collectionId"
+          path="collection/:collectionId"
           element={<LibraryCollectionPage />}
         />
         <Route

src/library-authoring/collections/LibraryCollectionPage.test.tsx

@@ -74,7 +74,7 @@ describe('<LibraryCollectionPage />', () => {
     render(<LibraryLayout />, {
       path,
       routerProps: {
-        initialEntries: [`/library/${libId}/collections/${colId}`],
+        initialEntries: [`/library/${libId}/collection/${colId}`],
       },
     });
   };

src/library-authoring/create-collection/CreateCollectionModal.tsx

@@ -32,7 +32,7 @@ const CreateCollectionModal = () => {
   const handleCreate = React.useCallback((values) => {
     create.mutateAsync(values).then((data) => {
       closeCreateCollectionModal();
-      navigate(`/library/${libraryId}/collections/${data.key}`);
+      navigate(`/library/${libraryId}/collection/${data.key}`);
       showToast(intl.formatMessage(messages.createCollectionSuccess));
     }).catch(() => {
       showToast(intl.formatMessage(messages.createCollectionError));