feat: change loader component (#1410)

* CHANGED react-loater to react-loader-spinner

* CHANGED brandColor to primary

* feat: change loader component

- remove redundant /index path from Loader imports in multiple files
- remove commented out braces in RecipesDashboard
- remove redundant color which is default from Loader in InfoBar
- update size of Loader in InfoBar to be the same as InfoBox
- change passed size prop from string to number in Button component
- add slight gap for FullscreenLoader to styles.ts
- fix Loader to check for color primary which is passed rather than brandColor
- remove hardcoded width and height from WorkspaceSwitchingIndicator which lead to elements not being vertically centered
- remove color prop from Loader in WorkspaceSwitchingIndicator since white is already the default
- remove switchingIndicator.spinnerColor from default theme since white is already the default

* implement PR feedback

* re-add color to WorkspaceSwitchingIndicator

---------

Co-authored-by: MCMXC <16797721+mcmxcdev@users.noreply.github.com>

1 files changed, 1 insertions, 1 deletions

diff --git a/package.json b/package.json
index 4cd592017..402348b75 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,7 @@
     "react-electron-web-view": "2.0.1",
     "react-intl": "6.4.7",
     "react-jss": "10.10.0",
-    "react-loader": "2.4.7",
+    "react-loader-spinner": "5.4.5",
     "react-modal": "3.16.1",
     "react-router-dom": "6.15.0",
     "react-sortable-hoc": "2.0.0",