Makes bookmark optional on tutorial cards

Allows tutorial cards to be displayed without a bookmark button.

This change provides the flexibility to display tutorial cards in contexts where bookmarking functionality is not desired or applicable.
Specifically, it disables the bookmark button within the tutorial cards grid list.

Author: Younique98

src/components/cards-grid-list/components/tutorial-cards-grid-list/index.tsx

@@ -30,7 +30,7 @@ const TutorialCardsGridList = ({ tutorials, ...restProps }) => {
 		tutorialIds.push(tutorial.id)
 		cardsGridListItems.push(
 			<div className={s.sandboxCardBox} key={tutorial.id}>
-				<TutorialCardWithAuthElements {...tutorial} />
+				<TutorialCardWithAuthElements {...tutorial} hasBookmark={false} />
 			</div>
 		)
 	})

src/components/tutorial-card/helpers/with-auth-elements.tsx

@@ -19,6 +19,7 @@ import { getSpeakableDuration } from './build-aria-label'
 export function TutorialCardWithAuthElements({
 	id: tutorialId,
 	collectionId,
+	hasBookmark = true,
 	BookmarkButtonComponent = TutorialCardBookmarkButton,
 	...restProps
 }: TutorialCardPropsWithId) {
@@ -58,9 +59,11 @@ export function TutorialCardWithAuthElements({
 					) : (
 						<CardEyebrowText>{restProps.duration}</CardEyebrowText>
 					)}
-					<BookmarkButtonComponent
-						tutorial={{ id: tutorialId, name: restProps.heading }}
-					/>
+					{hasBookmark && (
+						<BookmarkButtonComponent
+							tutorial={{ id: tutorialId, name: restProps.heading }}
+						/>
+					)}
 				</>
 			}
 		/>

src/components/tutorial-card/types.ts

@@ -77,6 +77,12 @@ export interface TutorialCardPropsWithId extends TutorialCardProps {
 	 * achieve this flexibility. We default to our basic bookmark button
 	 * if BookmarkButtonComponent is not provided.
 	 */
+	hasBookmark?: boolean
+	/**
+	 *
+	 * A component that renders a bookmark button for the tutorial.
+	 *
+	 */
 	BookmarkButtonComponent?: ({
 		tutorial,
 	}: {