fix(drawer-item): hover effect background color (#4440)

Author: seb-zabielski

src/components/Drawer/DrawerItem.tsx

@@ -107,7 +107,7 @@ const DrawerItem = ({
     ? isV3
       ? theme.colors.secondaryContainer
       : color(theme.colors.primary).alpha(0.12).rgb().string()
-    : 'transparent';
+    : undefined;
   const contentColor = active
     ? isV3
       ? theme.colors.onSecondaryContainer

src/components/__tests__/__snapshots__/DrawerItem.test.tsx.snap

@@ -44,7 +44,7 @@ exports[`renders DrawerItem with icon 1`] = `
             "marginVertical": 4,
           },
           {
-            "backgroundColor": "transparent",
+            "backgroundColor": undefined,
             "borderRadius": 28,
           },
           {
@@ -376,7 +376,7 @@ exports[`renders basic DrawerItem 1`] = `
             "marginVertical": 4,
           },
           {
-            "backgroundColor": "transparent",
+            "backgroundColor": undefined,
             "borderRadius": 28,
           },
           {