feat(sidenav): update sidenav to typescript

[ivoreis]

Convert to typescript:

• Sidenav

Relates to: #668

[ivoreis]

@hasparus Mind having a look please?

[hasparus]

Looks good. Thanks!

I'll test it and merge it soon.

[hasparus]

Okay, I'm merging it right now.
I got rid of as ReactNode assertions. It seems they're not needed.

as SxStyleProp can also be removed, but it needs a sort of weird syntax.

        <div
          {...props}
          ref={ref}
          sx={{
            position: ['fixed', 'sticky'],
            top: 0,
            left: 0,
            bottom: [0, 'auto'],
            zIndex: 1,
            minWidth: 0,
            width: 256,
            maxHeight: ['100vh', 'none'],
            overflowX: 'visible',
            overflowY: 'auto',
            transition: 'transform .2s ease-out',
            transform: [open ? 'translateX(0)' : 'translate(-100%)', 'none'],
            bg: ['background', 'transparent'],
            ...{ WebkitOverflowScrolling: 'touch' },
            // WebkitOverflowScrolling is not supported in our types
          }}
        />

I just wanted to mention the workaround for posterity. For this particular case, I think I have a fix.