Add notification count to dock icon on desktop

app/components/Notifications/NotificationIcon.tsx

@@ -0,0 +1,32 @@
+import { observer } from "mobx-react";
+import { SubscribeIcon } from "outline-icons";
+import * as React from "react";
+import styled, { useTheme } from "styled-components";
+import { s } from "@shared/styles";
+import useStores from "~/hooks/useStores";
+import Relative from "../Sidebar/components/Relative";
+
+const NotificationIcon = () => {
+  const { notifications } = useStores();
+  const theme = useTheme();
+  const count = notifications.approximateUnreadCount;
+
+  return (
+    <Relative style={{ height: 24 }}>
+      <SubscribeIcon color={theme.textTertiary} />
+      {count > 0 && <Badge />}
+    </Relative>
+  );
+};
+
+const Badge = styled.div`
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: ${s("accent")};
+  top: 0;
+  right: 0;
+`;
+
+export default observer(NotificationIcon);