refactor: various improvements (#1296)

* refactor: various improvements

- enable no-use-before-define eslint rule
- shuffle code to conform to no-use-before-define eslint rule
- remove btoa dependency which is deprecated and replace with Buffer.from(string).toString('base64')
- convert some any types into useful ones
- add type annotations where possible
- remove unused @types/expect.js
- install @types/semver and ts-node which were missing
- repair and rewrite add-crowdin-contributors script
- remove export keyword from variables which are never consumed in another file
- remove unity indicator hack where linked issue was closed
- remove module declaration for kebab-case which is unused
- add missing state interface for certain components
- remove default exports for files which already have a named export
- export IRecipePreview so it can be used throughout codebase
- remove unused removeCacheForCallWith method from CachedRequest.ts
- cleanup unused colors and styles inside legacy theme

* - improve ColorPickerInput
- fix invalid DOM nesting with div inside p in EditSettingsForm
- fix progressbarAccentColor color picker not updating input when using slider
- install missing @types/react-color dependency

1 files changed, 7 insertions, 6 deletions

diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index 361fc477b..957899bdc 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -2,13 +2,9 @@ import classnames from 'classnames';
 import { Component } from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
 import ReactLoader from 'react-loader';
+import { Theme } from '../../../themes';
 
-interface IProps extends WithStylesProps<typeof styles> {
-  className?: string;
-  color?: string;
-}
-
-const styles = theme => ({
+const styles = (theme: Theme) => ({
   container: {
     position: 'relative',
     height: 60,
@@ -17,6 +13,11 @@ const styles = theme => ({
   color: theme.colorText,
 });
 
+interface IProps extends WithStylesProps<typeof styles> {
+  className?: string;
+  color?: string;
+}
+
 class LoaderComponent extends Component<IProps> {
   render() {
     const { classes, className, color } = this.props;