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

3 files changed, 17 insertions, 25 deletions

diff --git a/src/@types/kebab-case.d.ts b/src/@types/kebab-case.d.ts
deleted file mode 100644
index 712405ac0..000000000
--- a/src/@types/kebab-case.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-declare module 'kebab-case';
diff --git a/src/@types/mobx-form.types.ts b/src/@types/mobx-form.types.ts
index 07234a47a..aa274b9db 100644
--- a/src/@types/mobx-form.types.ts
+++ b/src/@types/mobx-form.types.ts
@@ -1,17 +1,17 @@
-import { File } from 'electron-dl';
 import { ChangeEventHandler, FocusEventHandler } from 'react';
 import { GlobalError } from './ferdium-components.types';
 
-export interface FormFieldOptions {
-  value?: string;
-  label?: string;
+interface SelectOptions {
   disabled?: boolean;
+  label?: string;
+  value?: string;
 }
 
-export interface FormFields {
-  fields: {
-    [key: string]: Field;
-  };
+interface Listeners {
+  onChange?: ChangeEventHandler<HTMLInputElement | HTMLSelectElement>;
+  onBlur?: FocusEventHandler<HTMLElement>;
+  onFocus?: FocusEventHandler<HTMLElement>;
+  onDrop?: (file: File) => void;
 }
 
 export interface Field extends Listeners {
@@ -29,16 +29,8 @@ export interface Field extends Listeners {
   set?: (value: any) => void;
   [key: string]: any;
 }
-
-export interface SelectOptions {
-  disabled?: boolean;
-  label?: string;
-  value?: string;
-}
-
-export interface Listeners {
-  onChange?: ChangeEventHandler<HTMLInputElement | HTMLSelectElement>;
-  onBlur?: FocusEventHandler<HTMLElement>;
-  onFocus?: FocusEventHandler<HTMLElement>;
-  onDrop?: (file: File) => void;
+export interface FormFields {
+  fields: {
+    [key: string]: Field;
+  };
 }
diff --git a/src/@types/stores.types.ts b/src/@types/stores.types.ts
index ff8f127ed..dc5da563f 100644
--- a/src/@types/stores.types.ts
+++ b/src/@types/stores.types.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-use-before-define */
 import Workspace from '../features/workspaces/models/Workspace';
 import Recipe from '../models/Recipe';
 import Service from '../models/Service';
@@ -201,7 +202,7 @@ interface RouterStore {
   replace: () => void;
 }
 
-export interface ServicesStore extends TypedStore {
+interface ServicesStore extends TypedStore {
   clearCacheRequest: () => void;
   createServiceRequest: CachedRequest;
   deleteServiceRequest: () => void;
@@ -227,7 +228,7 @@ interface ISettings {
   [key: string]: any;
 }
 
-export interface SettingsStore extends TypedStore {
+interface SettingsStore extends TypedStore {
   update: (value: any) => void;
   remove: (value: any) => void;
   fileSystemSettingsTypes: any[];
@@ -288,7 +289,7 @@ interface UIStore extends TypedStore {
   theme: () => void;
 }
 
-export interface UserStore extends TypedStore {
+interface UserStore extends TypedStore {
   BASE_ROUTE: '/auth';
   CHANGE_SERVER_ROUTE: '/auth/server';
   IMPORT_ROUTE: '/auth/signup/import';
@@ -338,7 +339,7 @@ export interface UserStore extends TypedStore {
   team: () => void;
 }
 
-export interface WorkspacesStore extends TypedStore {
+interface WorkspacesStore extends TypedStore {
   activeWorkspace: () => void;
   delete: ({ workspace }) => void;
   update: ({ workspace }) => void;