feat: Collection Icons (#1281)

* wip: Working for creation, and display

* feat: IconPicker

* fix

* feat: Invert collection icon color when dark in dark mode

* Improve readability of dropdown menus in dark mode
Suggest icon based on collection name

* Add additional icons
Tweaks and final polish

* fix: Write default icon as empty icon column

* feat: Improve icon selection logic
add more keywords
Improve icon coloring when selected and in dark mode

* lint

* lint

app/models/Collection.js

@@ -13,6 +13,7 @@ export default class Collection extends BaseModel {
   id: string;
   name: string;
   description: string;
+  icon: string;
   color: string;
   private: boolean;
   type: 'atlas' | 'journal';
@@ -101,7 +102,14 @@ export default class Collection extends BaseModel {
   }
 
   toJS = () => {
-    return pick(this, ['id', 'name', 'color', 'description', 'private']);
+    return pick(this, [
+      'id',
+      'name',
+      'color',
+      'description',
+      'icon',
+      'private',
+    ]);
   };
 
   export = () => {