feat: native smart tags (#782)

* feat: introduce native smart tags

* feat: introduce react navigation

* feat: render smart tag special cases

* feat: add create tag & all count

* feat: move components to react + mobx

* fix: workaround issue with snjs

* feat: nice smart tag icons in experimental

* feat: add back components

* fix: typo on all tags

* feat: add panel resizer + simplif code

* fix: panel resize size & refresh

* fix: auto select all notes

* style: remove legacy tag view

* style: remove legacy directives

* fix: select tag from note view

* feat: WIP smart tag rename

* fix: template checks

* fix: user can create new notes

* panel: init width

* fix: panel resizer ref

* fix: update with new component viewer

* fix: use fixed isTemplateItem & fixed findItems

* refactor: rename tags panel into navigation

* style: remove TODOs that are ok

* feat: smart tag premium check with premium service

* refactor: multi-select variables for debuggability

* fix: clean deinit code

* fix: prevent trigger tag changes event for the same uuid

* fix: typings

* fix: use minimal state

* style: remove dead code

* style: long variable names

* refactor: move magic string to module

* fix: use smart filter feature

* refactor: add task id in todo

app/assets/stylesheets/_focused.scss

@@ -35,7 +35,7 @@
     opacity: 1;
   }
 
-  .section.tags,
+  navigation,
   notes-view {
     will-change: opacity;
     animation: fade-out 1.25s forwards;
@@ -45,7 +45,7 @@
     flex: none !important;
   }
 
-  .section.tags:hover {
+  navigation:hover {
     flex: initial;
     width: 0px !important;
   }
@@ -57,7 +57,7 @@
 }
 
 .disable-focus-mode {
-  .section.tags,
+  navigation,
   notes-view {
     transition: width 1.25s;
     will-change: opacity;

app/assets/stylesheets/_tags.scss

@@ -1,3 +1,7 @@
+#tags-column {
+  width: 100%;
+}
+
 .tags {
   width: 180px;
   flex-grow: 0;