fix(BOOK-468): Added inert attribute to SidePeekSEO element to ignore tab navigation and screen readers

Approved-by: Linus Flood

packages/design-system/lib/components/SidePeek/index.tsx

@@ -20,6 +20,7 @@ interface SidePeekProps {
   openInRoot?: boolean
   handleClose?: (isOpen: boolean) => void
   closeLabel: string
+  shouldInert?: boolean
 }
 
 export default function SidePeek({
@@ -30,6 +31,7 @@ export default function SidePeek({
   isOpen,
   openInRoot = false,
   closeLabel,
+  shouldInert,
 }: React.PropsWithChildren<SidePeekProps>) {
   const rootDiv = useRef<HTMLDivElement>(null)
   const headerRef = useRef<HTMLElement>(null)
@@ -116,7 +118,9 @@ export default function SidePeek({
         </ModalOverlay>
       </div>
 
-      <SidePeekSEO title={title}>{children}</SidePeekSEO>
+      <SidePeekSEO title={title} shouldInert={shouldInert}>
+        {children}
+      </SidePeekSEO>
     </>
   )
 }