Document emoji picker (#4338)

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

app/scenes/Document/components/PublicBreadcrumb.tsx

@@ -1,6 +1,7 @@
 import * as React from "react";
 import { NavigationNode } from "@shared/types";
 import Breadcrumb from "~/components/Breadcrumb";
+import EmojiIcon from "~/components/Icons/EmojiIcon";
 import { MenuInternalLink } from "~/types";
 import { sharedDocumentPath } from "~/utils/routeHelpers";
 
@@ -52,6 +53,13 @@ const PublicBreadcrumb: React.FC<Props> = ({
         .slice(0, -1)
         .map((item) => ({
           ...item,
+          title: item.emoji ? (
+            <>
+              <EmojiIcon emoji={item.emoji} /> {item.title}
+            </>
+          ) : (
+            item.title
+          ),
           type: "route",
           to: sharedDocumentPath(shareId, item.url),
         })),