feat: Add "new doc" button on collections in sidebar (#3174)

* feat: Add new icon button on collections in sidebar, move sort into menu

* Remove unused menu, add warning when dragging in a-z collection

* fix: Add hover background to sidebar actions, add tooltip to new doc button

* Retain 'active' state on buttons when related context menu is open

* fix: Two more spots that deserve active background

shared/i18n/locales/en_US/translation.json

@@ -139,6 +139,7 @@
   "Document archived": "Document archived",
   "Move document": "Move document",
   "Collections": "Collections",
+  "You can't reorder documents in an alphabetically sorted collection": "You can't reorder documents in an alphabetically sorted collection",
   "Untitled": "Untitled",
   "New nested document": "New nested document",
   "Document not supported – try Markdown, Plain text, HTML, or Word": "Document not supported – try Markdown, Plain text, HTML, or Word",
@@ -231,16 +232,15 @@
   "Path to document": "Path to document",
   "Group member options": "Group member options",
   "Remove": "Remove",
+  "Sort in sidebar": "Sort in sidebar",
+  "Alphabetical sort": "Alphabetical sort",
+  "Manual sort": "Manual sort",
   "Edit": "Edit",
   "Permissions": "Permissions",
   "Delete": "Delete",
   "Collection permissions": "Collection permissions",
   "Delete collection": "Delete collection",
   "Export collection": "Export collection",
-  "Show sort menu": "Show sort menu",
-  "Sort in sidebar": "Sort in sidebar",
-  "Alphabetical sort": "Alphabetical sort",
-  "Manual sort": "Manual sort",
   "Document restored": "Document restored",
   "Document unpublished": "Document unpublished",
   "Document options": "Document options",

shared/theme.ts

@@ -135,7 +135,7 @@ export const light = {
   placeholder: "#a2b2c3",
   sidebarBackground: colors.warmGrey,
   sidebarActiveBackground: "#d7e0ea",
-  sidebarControlHoverBackground: "rgba(0,0,0,0.1)",
+  sidebarControlHoverBackground: "rgb(138 164 193 / 20%)",
   sidebarDraftBorder: darken("0.25", colors.warmGrey),
   sidebarText: "rgb(78, 92, 110)",
   backdrop: "rgba(0, 0, 0, 0.2)",