prevent labs containers from being toggled (#14765)

Author: cemms1

dotcom-rendering/src/layouts/FrontLayout.tsx

@@ -68,6 +68,9 @@ const isNavList = (collection: DCRCollectionType) => {
 const isHighlights = ({ collectionType }: DCRCollectionType) =>
 	collectionType === 'scrollable/highlights';
 
+const isLabs = ({ containerPalette }: DCRCollectionType) =>
+	containerPalette === 'Branded';
+
 const isToggleable = (
 	index: number,
 	collection: DCRCollectionType,
@@ -77,11 +80,12 @@ const isToggleable = (
 		return (
 			collection.displayName.toLowerCase() !== 'headlines' &&
 			!isNavList(collection) &&
-			!isHighlights(collection)
+			!isHighlights(collection) &&
+			!isLabs(collection)
 		);
 	}
 
-	return index != 0 && !isNavList(collection);
+	return index != 0 && !isNavList(collection) && !isLabs(collection);
 };
 
 const decideLeftContent = (front: Front, collection: DCRCollectionType) => {
@@ -578,9 +582,7 @@ export const FrontLayout = ({ front, NAV }: Props) => {
 								isAboveMobileAd={mobileAdPositions.includes(
 									index,
 								)}
-								isLabs={
-									collection.containerPalette === 'Branded'
-								}
+								isLabs={isLabs(collection)}
 								showLabsRedesign={showLabsRedesign}
 							>
 								<DecideContainer