Style and code refactor (#166)

* Move all settings below card

* refactor components; lifting state up

* background color

* Evergreen components for everything

* password error

* Tighten card size

* Simply hide password to basic toggle, never disable

* Hide password label, too

* Maximize mobile portrait width

* Make wifi tip smaller

* Small style tweaks

* Copy: update password length error text to include helpful instructions

This will need a backfill for other translations

* Remove unused css

* Use empty string for EncryptionMode=None value

* Remove light.min.css

* Include logo on wificard

* Cleanup after rebase

* Clean-up comments on state

* Padding for mobile

1 files changed, 3 insertions, 2 deletions

diff --git a/package.json b/package.json
index 9cec5bc..682d3bf 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
+    "evergreen-ui": "^6.3.0",
     "i18next": "^20.3.5",
     "i18next-browser-languagedetector": "^6.1.2",
     "qrcode.react": "^1.0.1",
@@ -15,8 +16,8 @@
     "react-scripts": "^4.0.3"
   },
   "devDependencies": {
-    "prettier": "2.3.2",
-    "husky": "^7.0.1"
+    "husky": "^7.0.1",
+    "prettier": "2.3.2"
   },
   "scripts": {
     "start": "react-scripts start",