Fix blurred font on right drawer

The right drawer needs some CSS optimisation, as after hide and reveal back the font is blurred.
You can check the main content and the right drawer's text in the attached image. The text is not blurred before hiding the drawer.

Adding `translateZ` in the animations seems to help, but haven't tried it properly from the **Chrome** dev tools.

```
.v-navigation-drawer {
transform: translateZ(0) translateX(0%);
}
```

> Apparently it has to be added in the JS animation for when drawer is opened.