feat: Add navigation sidebar to shared documents (#2899)

Co-authored-by: Tom Moor <tom@getoutline.com>

app/components/Sidebar/Shared.tsx

@@ -0,0 +1,35 @@
+import { observer } from "mobx-react";
+import * as React from "react";
+import Scrollable from "~/components/Scrollable";
+import useStores from "~/hooks/useStores";
+import { NavigationNode } from "~/types";
+import Sidebar from "./Sidebar";
+import Section from "./components/Section";
+import DocumentLink from "./components/SharedDocumentLink";
+
+type Props = {
+  rootNode: NavigationNode;
+  shareId: string;
+};
+
+function SharedSidebar({ rootNode, shareId }: Props) {
+  const { documents } = useStores();
+
+  return (
+    <Sidebar>
+      <Scrollable flex>
+        <Section>
+          <DocumentLink
+            index={0}
+            shareId={shareId}
+            depth={1}
+            node={rootNode}
+            activeDocument={documents.active}
+          />
+        </Section>
+      </Scrollable>
+    </Sidebar>
+  );
+}
+
+export default observer(SharedSidebar);