feat: Added Theme and migrate to emotion@10.x 🚀 (#286)

* chore: updated emotion dependency

* feat: introduced theme

* refactor: updated emotion styles

* fix: fixed emotion error

* fix: fixed tests

* chore: add missing types

Co-Authored-By: Thomas Klein <tmkn@users.noreply.github.com>

src/components/CopyToClipBoard/styles.ts

@@ -1,24 +1,20 @@
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 
 import IconButton from '../../muiComponents/IconButton';
 
 export const ClipBoardCopy = styled('div')({
-  '&&': {
-    display: 'flex',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-  },
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'space-between',
 });
 
 export const ClipBoardCopyText = styled('span')({
-  '&&': {
-    display: 'inline-block',
-    textOverflow: 'ellipsis',
-    overflow: 'hidden',
-    whiteSpace: 'nowrap',
-    height: '21px',
-    fontSize: '1rem',
-  },
+  display: 'inline-block',
+  textOverflow: 'ellipsis',
+  overflow: 'hidden',
+  whiteSpace: 'nowrap',
+  height: '21px',
+  fontSize: '1rem',
 });
 
 export const CopyIcon = styled(IconButton)({});