feat: make editor placeholders more user friendly

apps/web/src/components/editor/index.js

@@ -212,12 +212,13 @@ function Editor(props) {
                 onFocus={() => {
                   toggleProperties(false);
                 }}
-                placeholder="Type anything here"
+                placeholder="Start writing your note here..."
                 container=".editor"
                 scrollContainer=".editorScroll"
                 onSave={() => {
                   saveSession();
                 }}
+                initialContent={[{ insert: "\n" }]}
                 changeInterval={500}
                 onWordCountChanged={updateWordCount}
                 onQuillInitialized={() => {

apps/web/src/components/editor/titlebox.js

@@ -56,7 +56,7 @@ function TitleBox(props) {
         data-test-id="editor-title"
         className="editorTitle"
         autoFocus={shouldFocus}
-        placeholder="Untitled"
+        placeholder="Note title"
         as="textarea"
         width="100%"
         minHeight={[30, 30, 60]}