Issue 1706 tag rename - finishing #2989 (#3469)

* allow a tag to be renamed and update all notes that use that tag

• repurpose RenameFolderModal.styl to RenameModal so it is more generic

* call handleConfirmButtonClick directly instead of sending through a confirm method

* better name for method to confirm the rename

* use close prop instead of a new method

* use callback ref instead of legacy string refs

* bind the handleChange in the constructor to allow for direct function assignment

* update the tag in the URL upon change

* use the eventEmitter to update the tags in the SnippetNoteDetail header via the TagSelect component

* respect themes when modal is opened

* show error message when trying to rename to an existing tag

* lint fix, const over let

* add missing letter

* fix routing and add merge warning dialog

* fix space-before-parens lint error

* change theming

* add check if tag changed

Co-authored-by: Khaliq Gant <khaliqgant@gmail.com>

browser/main/modals/RenameModal.styl

@@ -0,0 +1,78 @@
+.root
+  modal()
+  max-width 340px
+  overflow hidden
+  position relative
+
+.header
+  height 50px
+  font-size 16px
+  line-height 50px
+  padding 0 15px
+  background-color $ui-backgroundColor
+  border-bottom solid 1px $ui-borderColor
+  color $ui-text-color
+
+.control
+  padding 25px 15px 15px
+  text-align center
+
+.control-input
+  display block
+  height 30px
+  width 240px
+  padding 0 5px
+  margin 0 auto 15px
+  border none
+  border-bottom solid 1px $border-color
+  border-radius 2px
+  background-color transparent
+  outline none
+  vertical-align middle
+  font-size 14px
+  text-align center
+  &:disabled
+    background-color $ui-input--disabled-backgroundColor
+  &:focus, &:active
+    border-color $ui-active-color
+
+.control-confirmButton
+  display block
+  height 30px
+  border none
+  border-radius 2px
+  padding 0 25px
+  margin 0 auto
+  font-size 14px
+  colorPrimaryButton()
+
+.error
+  text-align center
+  color #F44336
+  height 20px
+
+apply-theme(theme)
+  body[data-theme={theme}]
+    .root
+      background-color transparent
+
+    .header
+      background-color transparent
+      border-color get-theme-var(theme, 'borderColor')
+      color get-theme-var(theme, 'text-color')
+
+    .description
+      color $ui-inactive-text-color
+
+    .control-input
+      border-color get-theme-var(theme, 'borderColor')
+      color get-theme-var(theme, 'text-color')
+
+    .control-confirmButton
+      colorThemedPrimaryButton(theme)
+
+for theme in 'dark' 'solarized-dark' 'dracula'
+  apply-theme(theme)
+
+for theme in $themes
+  apply-theme(theme)