fix: Unable to scroll until multiple comments (#7112)

* fix: Unable to scroll in comments
fix: Missing highlighted text on first comment while composing

* docs

app/scenes/Document/components/HighlightText.ts

@@ -0,0 +1,29 @@
+import styled from "styled-components";
+import { s } from "@shared/styles";
+import Text from "~/components/Text";
+import { truncateMultiline } from "~/styles";
+
+/**
+ * Highlighted text associated with a comment.
+ */
+export const HighlightedText = styled(Text)`
+  position: relative;
+  color: ${s("textSecondary")};
+  font-size: 14px;
+  padding: 0 8px;
+  margin: 4px 0;
+  display: inline-block;
+
+  ${truncateMultiline(3)}
+
+  &:after {
+    content: "";
+    width: 2px;
+    position: absolute;
+    left: 0;
+    top: 2px;
+    bottom: 2px;
+    background: ${s("commentMarkBackground")};
+    border-radius: 2px;
+  }
+`;