diff --git a/package-lock.json b/package-lock.json
index 5e52ab3..c18cd30 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1415,7 +1415,7 @@
     },
     "@sheerun/mutationobserver-shim": {
       "version": "0.3.3",
-      "resolved": "https://npm.mlabs.pl:443/@sheerun%2fmutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
+      "resolved": "https://registry.npmjs.org/@sheerun/mutationobserver-shim/-/mutationobserver-shim-0.3.3.tgz",
       "integrity": "sha512-DetpxZw1fzPD5xUBrIAoplLChO2VB8DlL5Gg+I1IR9b2wPqYIca2WSUxL5g1vLeR4MsQq1NeWriXAVffV+U1Fw=="
     },
     "@svgr/babel-plugin-add-jsx-attribute": {
@@ -1529,7 +1529,7 @@
     },
     "@testing-library/dom": {
       "version": "6.16.0",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fdom/-/dom-6.16.0.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-6.16.0.tgz",
       "integrity": "sha512-lBD88ssxqEfz0wFL6MeUyyWZfV/2cjEZZV3YRpb2IoJRej/4f1jB0TzqIOznTpfR1r34CNesrubxwIlAQ8zgPA==",
       "requires": {
         "@babel/runtime": "^7.8.4",
@@ -1552,7 +1552,7 @@
         },
         "@jest/types": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/@jest%2ftypes/-/types-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
           "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
           "requires": {
             "@types/istanbul-lib-coverage": "^2.0.0",
@@ -1563,7 +1563,7 @@
         },
         "@types/yargs": {
           "version": "15.0.5",
-          "resolved": "https://npm.mlabs.pl:443/@types%2fyargs/-/yargs-15.0.5.tgz",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.5.tgz",
           "integrity": "sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==",
           "requires": {
             "@types/yargs-parser": "*"
@@ -1571,7 +1571,7 @@
         },
         "ansi-styles": {
           "version": "4.2.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
           "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
           "requires": {
             "@types/color-name": "^1.1.1",
@@ -1599,7 +1599,7 @@
         },
         "chalk": {
           "version": "3.0.0",
-          "resolved": "https://npm.mlabs.pl:443/chalk/-/chalk-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
           "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
           "requires": {
             "ansi-styles": "^4.1.0",
@@ -1608,7 +1608,7 @@
         },
         "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://npm.mlabs.pl:443/color-convert/-/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "requires": {
             "color-name": "~1.1.4"
@@ -1616,17 +1616,17 @@
         },
         "color-name": {
           "version": "1.1.4",
-          "resolved": "https://npm.mlabs.pl:443/color-name/-/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "has-flag": {
           "version": "4.0.0",
-          "resolved": "https://npm.mlabs.pl:443/has-flag/-/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
         "pretty-format": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/pretty-format/-/pretty-format-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
           "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
           "requires": {
             "@jest/types": "^25.5.0",
@@ -1637,7 +1637,7 @@
         },
         "supports-color": {
           "version": "7.1.0",
-          "resolved": "https://npm.mlabs.pl:443/supports-color/-/supports-color-7.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
           "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
           "requires": {
             "has-flag": "^4.0.0"
@@ -1647,7 +1647,7 @@
     },
     "@testing-library/jest-dom": {
       "version": "4.2.4",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fjest-dom/-/jest-dom-4.2.4.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-4.2.4.tgz",
       "integrity": "sha512-j31Bn0rQo12fhCWOUWy9fl7wtqkp7In/YP2p5ZFyRuiiB9Qs3g+hS4gAmDWONbAHcRmVooNJ5eOHQDCOmUFXHg==",
       "requires": {
         "@babel/runtime": "^7.5.1",
@@ -1663,7 +1663,7 @@
     },
     "@testing-library/react": {
       "version": "9.5.0",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2freact/-/react-9.5.0.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-9.5.0.tgz",
       "integrity": "sha512-di1b+D0p+rfeboHO5W7gTVeZDIK5+maEgstrZbWZSSvxDyfDRkkyBE1AJR5Psd6doNldluXlCWqXriUfqu/9Qg==",
       "requires": {
         "@babel/runtime": "^7.8.4",
@@ -1673,7 +1673,7 @@
     },
     "@testing-library/user-event": {
       "version": "7.2.1",
-      "resolved": "https://npm.mlabs.pl:443/@testing-library%2fuser-event/-/user-event-7.2.1.tgz",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-7.2.1.tgz",
       "integrity": "sha512-oZ0Ib5I4Z2pUEcoo95cT1cr6slco9WY7yiPpG+RGNkj8YcYgJnM7pXmYmorNOReh8MIGcKSqXyeGjxnr8YiZbA=="
     },
     "@types/babel__core": {
@@ -1877,7 +1877,7 @@
     },
     "@types/testing-library__dom": {
       "version": "6.14.0",
-      "resolved": "https://npm.mlabs.pl:443/@types%2ftesting-library__dom/-/testing-library__dom-6.14.0.tgz",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__dom/-/testing-library__dom-6.14.0.tgz",
       "integrity": "sha512-sMl7OSv0AvMOqn1UJ6j1unPMIHRXen0Ita1ujnMX912rrOcawe4f7wu0Zt9GIQhBhJvH2BaibqFgQ3lP+Pj2hA==",
       "requires": {
         "pretty-format": "^24.3.0"
@@ -1885,7 +1885,7 @@
     },
     "@types/testing-library__react": {
       "version": "9.1.3",
-      "resolved": "https://npm.mlabs.pl:443/@types%2ftesting-library__react/-/testing-library__react-9.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@types/testing-library__react/-/testing-library__react-9.1.3.tgz",
       "integrity": "sha512-iCdNPKU3IsYwRK9JieSYAiX0+aYDXOGAmrC/3/M7AqqSDKnWWVv07X+Zk1uFSL7cMTUYzv4lQRfohucEocn5/w==",
       "requires": {
         "@types/react-dom": "*",
@@ -1895,7 +1895,7 @@
       "dependencies": {
         "@jest/types": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/@jest%2ftypes/-/types-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/@jest/types/-/types-25.5.0.tgz",
           "integrity": "sha512-OXD0RgQ86Tu3MazKo8bnrkDRaDXXMGUqd+kTtLtK1Zb7CRzQcaSRPPPV37SvYTdevXEBVxe0HXylEjs8ibkmCw==",
           "requires": {
             "@types/istanbul-lib-coverage": "^2.0.0",
@@ -1906,7 +1906,7 @@
         },
         "@types/yargs": {
           "version": "15.0.5",
-          "resolved": "https://npm.mlabs.pl:443/@types%2fyargs/-/yargs-15.0.5.tgz",
+          "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-15.0.5.tgz",
           "integrity": "sha512-Dk/IDOPtOgubt/IaevIUbTgV7doaKkoorvOyYM2CMwuDyP89bekI7H4xLIwunNYiK9jhCkmc6pUrJk3cj2AB9w==",
           "requires": {
             "@types/yargs-parser": "*"
@@ -1914,7 +1914,7 @@
         },
         "ansi-styles": {
           "version": "4.2.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-styles/-/ansi-styles-4.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.2.1.tgz",
           "integrity": "sha512-9VGjrMsG1vePxcSweQsN20KY/c4zN0h9fLjqAbwbPfahM3t+NL+M9HC8xeXG2I8pX5NoamTGNuomEUFI7fcUjA==",
           "requires": {
             "@types/color-name": "^1.1.1",
@@ -1923,7 +1923,7 @@
         },
         "chalk": {
           "version": "3.0.0",
-          "resolved": "https://npm.mlabs.pl:443/chalk/-/chalk-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
           "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
           "requires": {
             "ansi-styles": "^4.1.0",
@@ -1932,7 +1932,7 @@
         },
         "color-convert": {
           "version": "2.0.1",
-          "resolved": "https://npm.mlabs.pl:443/color-convert/-/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
           "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
           "requires": {
             "color-name": "~1.1.4"
@@ -1940,17 +1940,17 @@
         },
         "color-name": {
           "version": "1.1.4",
-          "resolved": "https://npm.mlabs.pl:443/color-name/-/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
         },
         "has-flag": {
           "version": "4.0.0",
-          "resolved": "https://npm.mlabs.pl:443/has-flag/-/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
           "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
         },
         "pretty-format": {
           "version": "25.5.0",
-          "resolved": "https://npm.mlabs.pl:443/pretty-format/-/pretty-format-25.5.0.tgz",
+          "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-25.5.0.tgz",
           "integrity": "sha512-kbo/kq2LQ/A/is0PQwsEHM7Ca6//bGPPvU6UnsdDRSKTWxT/ru/xb88v4BJf6a69H+uTytOEsTusT9ksd/1iWQ==",
           "requires": {
             "@jest/types": "^25.5.0",
@@ -1961,7 +1961,7 @@
         },
         "supports-color": {
           "version": "7.1.0",
-          "resolved": "https://npm.mlabs.pl:443/supports-color/-/supports-color-7.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.1.0.tgz",
           "integrity": "sha512-oRSIpR8pxT1Wr2FquTNnGet79b3BWljqOuoW/h4oBhxJ/HUbX5nX6JSruTkvXDCFMwDPvsaTTbvMLKZWSy0R5g==",
           "requires": {
             "has-flag": "^4.0.0"
@@ -2006,7 +2006,7 @@
     },
     "@typescript-eslint/experimental-utils": {
       "version": "3.9.0",
-      "resolved": "https://npm.mlabs.pl:443/@typescript-eslint%2fexperimental-utils/-/experimental-utils-3.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/experimental-utils/-/experimental-utils-3.9.0.tgz",
       "integrity": "sha512-/vSHUDYizSOhrOJdjYxPNGfb4a3ibO8zd4nUKo/QBFOmxosT3cVUV7KIg8Dwi6TXlr667G7YPqFK9+VSZOorNA==",
       "dev": true,
       "requires": {
@@ -2019,7 +2019,7 @@
     },
     "@typescript-eslint/parser": {
       "version": "3.9.0",
-      "resolved": "https://npm.mlabs.pl:443/@typescript-eslint%2fparser/-/parser-3.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-3.9.0.tgz",
       "integrity": "sha512-rDHOKb6uW2jZkHQniUQVZkixQrfsZGUCNWWbKWep4A5hGhN5dLHMUCNAWnC4tXRlHedXkTDptIpxs6e4Pz8UfA==",
       "dev": true,
       "requires": {
@@ -2032,13 +2032,13 @@
     },
     "@typescript-eslint/types": {
       "version": "3.9.0",
-      "resolved": "https://npm.mlabs.pl:443/@typescript-eslint%2ftypes/-/types-3.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-3.9.0.tgz",
       "integrity": "sha512-rb6LDr+dk9RVVXO/NJE8dT1pGlso3voNdEIN8ugm4CWM5w5GimbThCMiMl4da1t5u3YwPWEwOnKAULCZgBtBHg==",
       "dev": true
     },
     "@typescript-eslint/typescript-estree": {
       "version": "3.9.0",
-      "resolved": "https://npm.mlabs.pl:443/@typescript-eslint%2ftypescript-estree/-/typescript-estree-3.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-3.9.0.tgz",
       "integrity": "sha512-N+158NKgN4rOmWVfvKOMoMFV5n8XxAliaKkArm/sOypzQ0bUL8MSnOEBW3VFIeffb/K5ce/cAV0yYhR7U4ALAA==",
       "dev": true,
       "requires": {
@@ -2062,7 +2062,7 @@
     },
     "@typescript-eslint/visitor-keys": {
       "version": "3.9.0",
-      "resolved": "https://npm.mlabs.pl:443/@typescript-eslint%2fvisitor-keys/-/visitor-keys-3.9.0.tgz",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-3.9.0.tgz",
       "integrity": "sha512-O1qeoGqDbu0EZUC/MZ6F1WHTIzcBVhGqDj3LhTnj65WUA548RXVxUHbYhAW9bZWfb2rnX9QsbbP5nmeJ5Z4+ng==",
       "dev": true,
       "requires": {
@@ -4380,7 +4380,7 @@
     },
     "css.escape": {
       "version": "1.5.1",
-      "resolved": "https://npm.mlabs.pl:443/css.escape/-/css.escape-1.5.1.tgz",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
       "integrity": "sha1-QuJ9T6BK4y+TGktNQZH6nN3ul8s="
     },
     "cssdb": {
@@ -4834,7 +4834,7 @@
     },
     "dom-accessibility-api": {
       "version": "0.3.0",
-      "resolved": "https://npm.mlabs.pl:443/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.3.0.tgz",
       "integrity": "sha512-PzwHEmsRP3IGY4gv/Ug+rMeaTIyTJvadCb+ujYXYeIylbHJezIyNToe8KfEgHTCEYyC+/bUghYOGg8yMGlZ6vA=="
     },
     "dom-converter": {
@@ -5188,7 +5188,7 @@
     },
     "eslint-config-prettier": {
       "version": "6.11.0",
-      "resolved": "https://npm.mlabs.pl:443/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
       "integrity": "sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==",
       "dev": true,
       "requires": {
@@ -5197,7 +5197,7 @@
       "dependencies": {
         "get-stdin": {
           "version": "6.0.0",
-          "resolved": "https://npm.mlabs.pl:443/get-stdin/-/get-stdin-6.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
           "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==",
           "dev": true
         }
@@ -5406,7 +5406,7 @@
     },
     "eslint-plugin-prettier": {
       "version": "3.1.4",
-      "resolved": "https://npm.mlabs.pl:443/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-3.1.4.tgz",
       "integrity": "sha512-jZDa8z76klRqo+TdGDTFJSavwbnWK2ZpqGKNZ+VvweMW516pDUMmQ2koXvxEE4JhzNvTv+radye/bWGBmA6jmg==",
       "dev": true,
       "requires": {
@@ -5817,7 +5817,7 @@
     },
     "fast-diff": {
       "version": "1.2.0",
-      "resolved": "https://npm.mlabs.pl:443/fast-diff/-/fast-diff-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
       "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
       "dev": true
     },
@@ -9148,7 +9148,7 @@
     },
     "node-sass": {
       "version": "4.14.1",
-      "resolved": "https://npm.mlabs.pl:443/node-sass/-/node-sass-4.14.1.tgz",
+      "resolved": "https://registry.npmjs.org/node-sass/-/node-sass-4.14.1.tgz",
       "integrity": "sha512-sjCuOlvGyCJS40R8BscF5vhVlQjNN069NtQ1gSxyK1u9iqvn6tf7O1R4GNowVZfiZUCRt5MmMs1xd+4V/7Yr0g==",
       "requires": {
         "async-foreach": "^0.1.3",
@@ -9172,17 +9172,17 @@
       "dependencies": {
         "ansi-regex": {
           "version": "2.1.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
           "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
         },
         "ansi-styles": {
           "version": "2.2.1",
-          "resolved": "https://npm.mlabs.pl:443/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
           "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
         },
         "chalk": {
           "version": "1.1.3",
-          "resolved": "https://npm.mlabs.pl:443/chalk/-/chalk-1.1.3.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
           "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
           "requires": {
             "ansi-styles": "^2.2.1",
@@ -9194,7 +9194,7 @@
         },
         "cross-spawn": {
           "version": "3.0.1",
-          "resolved": "https://npm.mlabs.pl:443/cross-spawn/-/cross-spawn-3.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-3.0.1.tgz",
           "integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
           "requires": {
             "lru-cache": "^4.0.1",
@@ -9203,7 +9203,7 @@
         },
         "lru-cache": {
           "version": "4.1.5",
-          "resolved": "https://npm.mlabs.pl:443/lru-cache/-/lru-cache-4.1.5.tgz",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
           "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
           "requires": {
             "pseudomap": "^1.0.2",
@@ -9212,7 +9212,7 @@
         },
         "strip-ansi": {
           "version": "3.0.1",
-          "resolved": "https://npm.mlabs.pl:443/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
           "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
           "requires": {
             "ansi-regex": "^2.0.0"
@@ -9220,12 +9220,12 @@
         },
         "supports-color": {
           "version": "2.0.0",
-          "resolved": "https://npm.mlabs.pl:443/supports-color/-/supports-color-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
           "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
         },
         "yallist": {
           "version": "2.1.2",
-          "resolved": "https://npm.mlabs.pl:443/yallist/-/yallist-2.1.2.tgz",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
           "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI="
         }
       }
@@ -10880,13 +10880,13 @@
     },
     "prettier": {
       "version": "2.0.5",
-      "resolved": "https://npm.mlabs.pl:443/prettier/-/prettier-2.0.5.tgz",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.0.5.tgz",
       "integrity": "sha512-7PtVymN48hGcO4fGjybyBSIWDsLU4H4XlvOHfq91pz9kkGlonzwTfYkaIEwiRg/dAJF9YlbsduBAgtYLi+8cFg==",
       "dev": true
     },
     "prettier-linter-helpers": {
       "version": "1.0.0",
-      "resolved": "https://npm.mlabs.pl:443/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
       "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
       "dev": true,
       "requires": {
@@ -11743,7 +11743,7 @@
     },
     "redent": {
       "version": "3.0.0",
-      "resolved": "https://npm.mlabs.pl:443/redent/-/redent-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
       "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
       "requires": {
         "indent-string": "^4.0.0",
@@ -13202,7 +13202,7 @@
     },
     "strip-indent": {
       "version": "3.0.0",
-      "resolved": "https://npm.mlabs.pl:443/strip-indent/-/strip-indent-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
       "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
       "requires": {
         "min-indent": "^1.0.0"
@@ -14007,7 +14007,7 @@
     },
     "wait-for-expect": {
       "version": "3.0.2",
-      "resolved": "https://npm.mlabs.pl:443/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/wait-for-expect/-/wait-for-expect-3.0.2.tgz",
       "integrity": "sha512-cfS1+DZxuav1aBYbaO/kE06EOS8yRw7qOFoD3XtjTkYvCvh3zUvNST8DXK/nPaeqIzIv3P3kL3lRJn8iwOiSag=="
     },
     "walker": {
diff --git a/src/components/RightBar/index.scss b/src/components/RightBar/index.scss
deleted file mode 100644
index dc0c833..0000000
--- a/src/components/RightBar/index.scss
+++ /dev/null
@@ -1,31 +0,0 @@
-.right-bar {
-    padding-top: 10px;
-    padding-left: 15px;
-    padding-right: 15px;
-    text-align: center;
-    font-family: Lato;
-    width: 300px;
-    &__text {
-      border-bottom: 1px solid;
-    }
-    height:85vh;
-    overflow-y: scroll;
-  }
-  .right-bar::-webkit-scrollbar-track
-{
-    border-radius: 10px;
-    background-color: #F5F5F5;
-}
-
-.right-bar::-webkit-scrollbar
-{
-    width: 12px;
-    background-color: #F5F5F5;
-}
-
-.right-bar::-webkit-scrollbar-thumb
-{
-    border-radius: 10px;
-    background-color: #d4b851;
-    border: 1px solid;
-}
\ No newline at end of file
diff --git a/src/components/RightBar/index.tsx b/src/components/RightBar/index.tsx
index ebcf2e6..813a957 100644
--- a/src/components/RightBar/index.tsx
+++ b/src/components/RightBar/index.tsx
@@ -1,13 +1,39 @@
 import React, { useState, useContext } from 'react';
-import './index.scss';
-import { Course } from '../../types';
 import { CourseCard } from './CourseCard/index';
 import { coursesContext } from '../../contexts/CoursesProvider';
+import styled from 'styled-components';
 
 interface RightBarProps {
   onGroupMouseOver: (id: number, name: string) => void;
 }
 
+const RightBarStyled = styled.div`
+  padding-top: 10px;
+  padding-left: 15px;
+  padding-right: 15px;
+  text-align: center;
+  font-family: Lato;
+  width: 300px;
+  height: 85vh;
+  overflow-y: scroll;
+  ::-webkit-scrollbar-track {
+    border-radius: 10px;
+    background-color: #f5f5f5;
+  }
+  ::-webkit-scrollbar {
+    width: 12px;
+    background-color: #f5f5f5;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background-color: #d4b851;
+    border: 1px solid;
+  }
+`;
+const RightBarTextStyled = styled.div`
+  border-bottom: 1px solid;
+`;
+
 export default function RightBar({ onGroupMouseOver }: RightBarProps) {
   const [selectedCardId, setSelectedCardId] = useState<string | null>(null);
 
@@ -19,11 +45,11 @@ export default function RightBar({ onGroupMouseOver }: RightBarProps) {
   };
 
   return (
-    <div className="right-bar">
-      <div className="right-bar__text">
+    <RightBarStyled>
+      <RightBarTextStyled>
         Hubert Wrzesiński<br></br>
         Semestr zimowy 2020/2021
-      </div>
+      </RightBarTextStyled>
       {courses.map((course, index) => (
         <CourseCard
           course={course}
@@ -34,6 +60,6 @@ export default function RightBar({ onGroupMouseOver }: RightBarProps) {
           isSelected={selectedCardId === index.toString()}
         />
       ))}
-    </div>
+    </RightBarStyled>
   );
 }
diff --git a/src/components/Scheduler/SchedulerEvents/index.tsx b/src/components/Scheduler/SchedulerEvents/index.tsx
index f8723f9..665bbcf 100644
--- a/src/components/Scheduler/SchedulerEvents/index.tsx
+++ b/src/components/Scheduler/SchedulerEvents/index.tsx
@@ -34,7 +34,6 @@ export const SchedulerEvents = ({ cellTop, cellWidth }: SchedulerEventsProps) =>
     function mapGroupTimeToEventRow(groups: Array<Group>) {
       const groupsMappedToEventsTemp = [];
       for (const group of groups) {
-        console.log(group);
         const groupTime = group.time;
         const eventRow: number = groupTimeToEventRowMapping[groupTime];
         const groupMappedToEvent: any = {
@@ -61,8 +60,6 @@ export const SchedulerEvents = ({ cellTop, cellWidth }: SchedulerEventsProps) =>
   }, [choosenGroups]);
 
   useEffect(() => {
-    console.log(choosenGroups);
-    console.log(groupsMappedToEvents);
   }, [groupsMappedToEvents]);
 
   return (
diff --git a/src/components/Scheduler/SchedulerRow/index.tsx b/src/components/Scheduler/SchedulerRow/index.tsx
index ad8e434..5366158 100644
--- a/src/components/Scheduler/SchedulerRow/index.tsx
+++ b/src/components/Scheduler/SchedulerRow/index.tsx
@@ -26,7 +26,8 @@ interface SchedulerRowProps {
 }
 
 export const SchedulerRow = ({ groups, indexRow, cellTop, cellWidth }: SchedulerRowProps) => {
-  console.log(`You passed me these of a groupzzz: ${groups}`);
+  console.log(`You passed me these of a groupzzz`);
+  console.log(groups)
 
   return (
     <>
diff --git a/src/components/TopBar/Results/index.scss b/src/components/TopBar/Results/index.scss
deleted file mode 100644
index e1d64fe..0000000
--- a/src/components/TopBar/Results/index.scss
+++ /dev/null
@@ -1,23 +0,0 @@
-.course {
-  position: relative;
-  z-index: 10;
-  padding: 5px;
-  padding-left: 20px;
-  background-color: #e6c759;
-  font-size: 18px;
-  font-family: Lato;
-}
-.course:hover {
-  background-color: #d4b851;
-  cursor: pointer;
-}
-.dropdown::-webkit-scrollbar {
-  display: none;
-}
-.dropdown {
-  max-height: 400px;
-  overflow-y: auto;
-}
-.top-bar__input-field {
-  width: 100%;
-}
diff --git a/src/components/TopBar/Results/index.tsx b/src/components/TopBar/Results/index.tsx
index b1a94f8..c397fca 100644
--- a/src/components/TopBar/Results/index.tsx
+++ b/src/components/TopBar/Results/index.tsx
@@ -1,17 +1,48 @@
 import React, { useState, useContext, useEffect } from 'react';
 import axios from 'axios';
 import { Input } from '@material-ui/core';
-import './index.scss';
 import ClickAwayListener from '@material-ui/core/ClickAwayListener';
 import { coursesContext } from '../../../contexts/CoursesProvider';
-import { Course, Group } from '../../../types';
+import { Course } from '../../../types';
+import styled from 'styled-components';
+import { makeStyles } from '@material-ui/core/styles';
 
 interface courseData {
   name: string;
   id: number;
 }
 
+const CourseStyled = styled.div`
+  position: relative;
+  z-index: 10;
+  padding: 5px;
+  padding-left: 20px;
+  background-color: #e6c759;
+  font-size: 18px;
+  font-family: Lato;
+  :hover {
+    background-color: #d4b851;
+    cursor: pointer;
+  }
+`;
+
+const Dropdown = styled.div`
+  max-height: 400px;
+  overflow-y: auto;
+  ::-webkit-scrollbar {
+    display: none;
+  }
+`;
+
+const useStyles = makeStyles({
+  topbarInput: {
+    marginTop:"8px",
+    width: '100%',
+  },
+});
+
 export const Results: React.FC = () => {
+  const classes = useStyles();
   const [input, setInput] = useState<string>('');
   const [coursesData, setcoursesData] = useState<Array<courseData>>([]);
   const [filteredcoursesData, setFilteredcoursesData] = useState<Array<courseData>>([]);
@@ -90,25 +121,26 @@ export const Results: React.FC = () => {
     // }
   };
 
+
   return (
     <ClickAwayListener onClickAway={handleClickAway}>
       <div>
         <Input
           placeholder="Wyszukaj..."
           inputProps={{ 'aria-label': 'description' }}
-          className="top-bar__input-field"
+          className={classes.topbarInput}
           onChange={handleChange}
           onClick={handleClick}
           value={input}
         />
         {open ? (
-          <div className="dropdown">
+          <Dropdown>
             {filteredcoursesData.map((course, index) => (
-              <div className="course" key={index} id={String(course.id)} onClick={onCourseClick}>
+              <CourseStyled key={index} id={String(course.id)} onClick={onCourseClick}>
                 <p>{course.name} </p>
-              </div>
+              </CourseStyled>
             ))}
-          </div>
+          </Dropdown>
         ) : null}
       </div>
     </ClickAwayListener>