fix(ui-drawer-layout): fix drawerlayout transition bug

Closes: INSTUI-4022

When placement property is set to 'end', a weird scrollbar
appears during transition. Transition type is set to
'fade' as a fix.

packages/ui-drawer-layout/src/DrawerLayout/DrawerTray/index.tsx

@@ -126,12 +126,8 @@ class DrawerTray extends Component<
     ) as DrawerTrayPlacement
   }
 
-  get direction() {
-    return this.placement === 'end' ? 'right' : 'left'
-  }
-
   get transition(): TransitionType {
-    return `slide-${this.direction}`
+    return this.placement === 'end' ? 'fade' : 'slide-left'
   }
 
   handleContentRef = (node: HTMLDivElement | null) => {