feat: Show drafts in sidebar when viewing (#2820)

app/components/DocumentBreadcrumb.tsx

@@ -1,11 +1,5 @@
 import { observer } from "mobx-react";
-import {
-  ArchiveIcon,
-  EditIcon,
-  GoToIcon,
-  ShapesIcon,
-  TrashIcon,
-} from "outline-icons";
+import { ArchiveIcon, GoToIcon, ShapesIcon, TrashIcon } from "outline-icons";
 import * as React from "react";
 import { useTranslation } from "react-i18next";
 import styled from "styled-components";
@@ -43,15 +37,6 @@ function useCategory(document: Document): MenuInternalLink | null {
     };
   }
 
-  if (document.isDraft) {
-    return {
-      type: "route",
-      icon: <EditIcon color="currentColor" />,
-      title: t("Drafts"),
-      to: "/drafts",
-    };
-  }
-
   if (document.isTemplate) {
     return {
       type: "route",
@@ -90,7 +75,7 @@ const DocumentBreadcrumb = ({ document, children, onlyText }: Props) => {
 
   const path = React.useMemo(
     () => collection?.pathToDocument?.(document.id).slice(0, -1) || [],
-    [collection, document.id]
+    [collection, document]
   );
 
   const items = React.useMemo(() => {