[misc]: fix module imports being broken from esModuleInterop missing

packages/roleypoly-design/src/button/Button.test.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { shallow } from 'enzyme'
-import * as sinon from 'sinon'
+import sinon from 'sinon'
 import 'jest-styled-components'
 
 import Button from './Button'

packages/roleypoly-design/src/helpers/colors.ts

@@ -1,4 +1,4 @@
-import * as Color from 'color'
+import Color from 'color'
 
 export const color = (i: Color | string) => {
   return new Color(i)

packages/roleypoly-ui/components/discord-button.tsx

@@ -4,7 +4,7 @@ import styled from 'styled-components'
 
 export type ButtonProps = {
   children: React.ReactChild
-  href: string
+  href?: string
 }
 
 const Button = styled.a`