When the user swipes from the left edge of the screen or taps the hamburger menu, a side drawer should slide out containing a list of recently edited thoughts.

Requirements

• Use well-tested side drawer React component.
• Tapping an entry should close the sidebar and navigate to the path (by dispatching setCursor).
• Entries should be rendered as ellipsized breadcrumbs. e.g. /A/B/C/D/E may be rendered as A • B • ... • E.
• Deleting a thought should remove it from the sidebar and add its context to the top. e.g. Deleting a • b • c should remove a • b • c from the list and add a • b to the top.
• Entries should be sorted by lastUpdated from most to least recently edited.
• Store and persist last 100 recently edited paths across all storage environments (state, local, and remote; see sync).
• Consolidation:
  • Adjacent entries and paths that were updated within 2 hours of each other that share a common majority subcontext should be combined into the subcontext
  • e.g. /A/B/C/D and /A/B/X/Y share the subcontext /A/B, so only a single entry /A/B should appear in the recently edited list.
  • /A/B/C/D and /A/W/X/Y do not share a common majority subcontext, since the shared subcontext /A has only one component thought while /A/B/C/D has four component thoughts.
  • Adjacent = appearing next to each other in the recently edited list
  • Consolidated thoughts count as a single entry in the "last 100" that are persisted.
• Entries should be ellipsized (shortened with ...) to keep them roughly on one line.
• Style in black-and-white to match existing app style
• Light and dark mode support