fix: Add ability to collapse and expand collections that are not active (#3102)

* fix: add disclosure and transition

* fix: keep collections expanded

* fix: tune transition and collapsing conditions

* fix: collectionIcon expanded props is no longer driven by expanded state

* fix: sync issue

* fix: managing state together

* fix: remove comment

* fix: simplify expanded state

* fix: remove extra state

* fix: remove animation and retain expanded state

* fix: remove isCollectionDropped

* fix: don't use ref

* review suggestions

* fix many functional and design issues

* don't render every single document in the sidebar, just ones that the user has seen before

* chore: Sidebar refinement (#3154)

* stash

* wip: More sidebar tweaks

* Simplify draft bubble

* disclosure refactor

* wip wip

* lint

* tweak menu position

* Use document emoji for starred docs where available

* feat: Trigger cmd+k from sidebar (#3149)

* feat: Trigger cmd+k from sidebar

* Add hint when opening command bar from sidebar

* fix: Clicking internal links in shared documents sometimes reroutes to Login

* fix: Spacing issues on connected slack channels list

* Merge

* fix: Do not prefetch JS bundles on public share links

* fix: Buttons show on collection empty state when user does not have permission to edit

* fix: the hover area for the "collections" subheading was being obfuscated by the initial collection drop cursor

* fix: top-align disclosures

* fix: Disclosure color PR feedback
fix: Starred no longer draggable

* fix: Overflow on sidebar button

* fix: Scrollbar in sidebar when command menu is open

* Minor alignment issues, clarify back in settings sidebar

* fix: Fade component causes SidebarButton missizing

Co-authored-by: Nan Yu <thenanyu@gmail.com>

Co-authored-by: Tom Moor <tom.moor@gmail.com>
Co-authored-by: Nan Yu <thenanyu@gmail.com>

shared/i18n/locales/en_US/translation.json

@@ -31,6 +31,7 @@
   "Archive": "Archive",
   "Trash": "Trash",
   "Settings": "Settings",
+  "Profile": "Profile",
   "API documentation": "API documentation",
   "Send us feedback": "Send us feedback",
   "Report a bug": "Report a bug",
@@ -149,7 +150,6 @@
   "Delete {{ documentName }}": "Delete {{ documentName }}",
   "Return to App": "Back to App",
   "Account": "Account",
-  "Profile": "Profile",
   "Notifications": "Notifications",
   "API Tokens": "API Tokens",
   "Team": "Team",
@@ -227,7 +227,6 @@
   "Warning": "Warning",
   "Warning notice": "Warning notice",
   "Could not import file": "Could not import file",
-  "Switch team": "Switch team",
   "Show path to document": "Show path to document",
   "Path to document": "Path to document",
   "Group member options": "Group member options",
@@ -264,6 +263,7 @@
   "New child document": "New child document",
   "New document in <em>{{ collectionName }}</em>": "New document in <em>{{ collectionName }}</em>",
   "New template": "New template",
+  "Switch team": "Switch team",
   "Link copied": "Link copied",
   "Revision options": "Revision options",
   "Restore version": "Restore version",

shared/theme.ts

@@ -134,7 +134,8 @@ export const light = {
   textTertiary: colors.slate,
   placeholder: "#a2b2c3",
   sidebarBackground: colors.warmGrey,
-  sidebarItemBackground: "#d7e0ea",
+  sidebarActiveBackground: "#d7e0ea",
+  sidebarControlHoverBackground: "rgba(0,0,0,0.1)",
   sidebarDraftBorder: darken("0.25", colors.warmGrey),
   sidebarText: "rgb(78, 92, 110)",
   backdrop: "rgba(0, 0, 0, 0.2)",
@@ -184,7 +185,8 @@ export const dark = {
   textTertiary: colors.slate,
   placeholder: colors.slateDark,
   sidebarBackground: colors.veryDarkBlue,
-  sidebarItemBackground: lighten(0.015, colors.almostBlack),
+  sidebarActiveBackground: lighten(0.02, colors.almostBlack),
+  sidebarControlHoverBackground: "rgba(255,255,255,0.1)",
   sidebarDraftBorder: darken("0.35", colors.slate),
   sidebarText: colors.slate,
   backdrop: "rgba(255, 255, 255, 0.3)",