fix(docs): 스크롤 안되는 버그 수정

Author: Ubinquitous

components/Editor/index.tsx

@@ -204,8 +204,10 @@ const Editor = ({ contents = "", title = "", docsType = "", mode }: EditorPropsT
           )}
           <textarea
             onKeyDown={(e) => setCursorPosition((e.target as HTMLTextAreaElement).selectionStart)}
-            onChange={(e) => setDocs((prev) => ({ ...prev, contents: autoClosingTag(e) }))}
-            value={docs.contents}
+            onChange={(e) =>
+              setDocs((prev) => ({ ...prev, contents: autoClosingTag(e).replaceAll("<br>", "\n") }))
+            }
+            value={docs.contents.replaceAll("<br>", "\n")}
             placeholder="문서 내용을 입력해주세요. 사진 또는 동영상을 넣으려면 파일을 드래그&드롭하세요..."
             className={styles.textarea[String(isExampleOpen)]}
           />

components/Editor/style.css.ts

@@ -41,6 +41,7 @@ export const previewBox = style({
   background: theme.preview,
   padding: "42px",
   gap: "12px",
+  overflowY: "scroll",
   ...font.p1,
   ...flex.COLUMN_FLEX,
 });
@@ -123,6 +124,7 @@ export const docsType = styleVariants<Record<string, ComplexStyleRule>>({
 });
 
 const textareaBase = style({
+  whiteSpace: "pre-wrap",
   width: "100%",
   marginTop: "12px",
   ...font.p1,