feat: add data-testid to sideDrawer [LW-11491]

Author: bslabiak

src/design-system/side-drawer/side-drawer-content-header.component.tsx

@@ -32,11 +32,16 @@ export const Header = ({
         </Flex>
       )}
       <Flex justifyContent="center" w="$fill">
-        <Text.Body.Large weight="$bold">{text}</Text.Body.Large>
+        <Text.Body.Large weight="$bold" data-testid="drawer-header-title">
+          {text}
+        </Text.Body.Large>
       </Flex>
       <Flex w="$40">
         <Close>
-          <NavigationButtons.Close onClick={onCloseClick} />
+          <NavigationButtons.Close
+            onClick={onCloseClick}
+            data-testid="drawer-header-close-button"
+          />
         </Close>
       </Flex>
     </Flex>

src/design-system/side-drawer/side-drawer-content-headline.component.tsx

@@ -13,10 +13,16 @@ export const Headline = ({
   description,
 }: Readonly<Props>): JSX.Element => (
   <Box>
-    <Text.SubHeading weight="$bold">{title}</Text.SubHeading>
+    <Text.SubHeading weight="$bold" data-testid="drawer-title">
+      {title}
+    </Text.SubHeading>
     {description !== undefined && (
       <Box mt="$8">
-        <Text.Body.Normal color="secondary" weight="$medium">
+        <Text.Body.Normal
+          color="secondary"
+          weight="$medium"
+          data-testid="drawer-subtitle"
+        >
           {description}
         </Text.Body.Normal>
       </Box>

src/design-system/side-drawer/side-drawer-content.component.tsx

@@ -23,6 +23,7 @@ export const Content = ({
       <Backdrop zIndex={zIndex} />
     </Dialog.Overlay>
     <Dialog.Content
+      data-testid="drawer-content"
       {...props}
       className={classNames(cx.container)}
       style={{ zIndex: zIndex === undefined ? undefined : zIndex + 1 }}