fix: Reduce clickable area on star in document header, make entire line clickable to focus title

closes #2966

app/components/ContentEditable.tsx

@@ -5,6 +5,7 @@ import styled from "styled-components";
 type Props = Omit<React.HTMLAttributes<HTMLSpanElement>, "ref" | "onChange"> & {
   disabled?: boolean;
   readOnly?: boolean;
+  onClick?: React.MouseEventHandler<HTMLDivElement>;
   onChange?: (text: string) => void;
   onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
   onInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
@@ -36,6 +37,7 @@ const ContentEditable = React.forwardRef(
       placeholder,
       readOnly,
       dir,
+      onClick,
       ...rest
     }: Props,
     forwardedRef: React.RefObject<HTMLSpanElement>
@@ -80,7 +82,7 @@ const ContentEditable = React.forwardRef(
     }, [value, ref]);
 
     return (
-      <div className={className} dir={dir}>
+      <div className={className} dir={dir} onClick={onClick}>
         <Content
           ref={ref}
           contentEditable={!disabled && !readOnly}