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/DetailContainer/DetailContainer.test.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { render } from '@testing-library/react';
+
+import { render } from '../../utils/test-react-testing-library';
 
 import DetailContainer from './DetailContainer';
 

src/components/DetailContainer/DetailContainerTabs.tsx

@@ -1,5 +1,5 @@
 import React, { ChangeEvent, useState, useEffect } from 'react';
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 
 import { default as MuiTabs } from '../../muiComponents/Tabs';
 import Tab from '../../muiComponents/Tab';

src/components/DetailContainer/__snapshots__/DetailContainer.test.tsx.snap

@@ -1,11 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`DetailContainer renders correctly 1`] = `
+.emotion-0 {
+  margin-bottom: 16px;
+}
+
 <div
   class="MuiBox-root MuiBox-root-2"
 >
   <div
-    class="MuiTabs-root css-1qm1lh emotion-0"
+    class="MuiTabs-root emotion-0 emotion-1"
   >
     <div
       class="MuiTabs-scroller MuiTabs-fixed"