Simplify and optimize App.tsx by removing line numbers and improving markdown preview handling

src/App.tsx

@@ -1473,44 +1473,21 @@ export default function App() {
                   markdownPreview ? " editor__textarea-wrap--preview" : ""
                 }`}
               >
-                {showLineNumbersActive ? (
+                <textarea
-                  <div className="line-numbers" ref={lineNumbersRef}>
+                  ref={textareaRef}
-                    <div
+                  id="editor-textarea"
-                      className="line-numbers__inner"
+                  className={`editor__textarea${markdownPreview ? " editor__textarea--hidden" : ""}`}
-                      style={{ height: totalLineNumberHeight ? `${totalLineNumberHeight}px` : undefined }}
+                  value={body}
-                    >
+                  onChange={(event) => setBody(event.target.value)}
-                      {visibleLineNumbers.map((item) => (
+                  onScroll={handleTextareaScroll}
-                        <div
+                  placeholder="Write your text here…"
-                          key={item.line}
+                  readOnly={isViewingHistory || markdownPreview}
-                          className="line-numbers__line"
+                />
-                          style={{
+                <div
-                            top: `${item.top}px`,
+                  className={`markdown-preview md-root${markdownPreview ? "" : " markdown-preview--hidden"}`}
-                            height: `${item.height || defaultLineHeight}px`
+                  dangerouslySetInnerHTML={{ __html: markdownToHTML(body) }}
-                          }}
+                  onClick={handleMarkdownPreviewClick}
-                        >
+                />
-                          {item.line}
-                        </div>
-                      ))}
-                    </div>
-                  </div>
-                ) : null}
-                {markdownPreview ? (
-                  <div
-                    className="markdown-preview md-root"
-                    dangerouslySetInnerHTML={{ __html: markdownToHTML(body) }}
-                    onClick={handleMarkdownPreviewClick}
-                  />
-                ) : (
-                  <textarea
-                    ref={textareaRef}
-                    className="editor__textarea"
-                    value={body}
-                    onChange={(event) => setBody(event.target.value)}
-                    onScroll={handleTextareaScroll}
-                    placeholder="Write your text here…"
-                    readOnly={isViewingHistory}
-                  />
-                )}
               </div>
 
               <div className="editor__footer">