mobile: fix readonly title editable

packages/editor-mobile/src/components/editor.tsx

@@ -174,7 +174,7 @@ const Tiptap = ({
       element: getContentDiv(),
       editable: !tab.session?.readonly,
       editorProps: {
-        editable: () => !tab.session?.readonly,
+        editable: () => !tabRef.current.session?.readonly,
         handlePaste: (view, event) => {
           const hasFiles = event.clipboardData?.types?.some((type) =>
             type.startsWith("Files")
@@ -602,7 +602,7 @@ const Tiptap = ({
 
               <Title
                 titlePlaceholder={controller.titlePlaceholder}
-                readonly={settings.readonly}
+                readonly={tab.session?.readonly || settings.readonly || false}
                 controller={controllerRef}
                 title={controller.title}
                 fontFamily={settings.fontFamily}

packages/editor-mobile/src/components/title.tsx

@@ -111,7 +111,7 @@ function Title({
         id="editor-title"
         rows={1}
         contentEditable={!readonly}
-        disabled={readonly}
+        readOnly={readonly}
         defaultValue={title}
         style={{
           height: 40,