Refactor editor layout in App.tsx

src/App.tsx

@@ -861,19 +861,15 @@ export default function App() {
           >
             <section className="editor">
               <div className="editor__header">
-                <input
+                <div className="editor__title-row">
-                  className="title-input"
+                  <input
-                  value={title}
+                    className="title-input"
-                  onChange={handleTitleChange}
+                    value={title}
-                  onBlur={handleTitleBlur}
+                    onChange={handleTitleChange}
-                  placeholder="Text title"
+                    onBlur={handleTitleBlur}
-                  disabled={isViewingHistory}
+                    placeholder="Text title"
-                />
+                    disabled={isViewingHistory}
-                <div className="editor__status-row">
+                  />
-                  <div className="status-line">
-                    <span className={`status status--${statusKey}`}></span>
-                    {statusLabel}
-                  </div>
                   <button
                     className={`icon-button${historyOpen ? " is-active" : ""}`}
                     onClick={handleToggleHistory}
@@ -941,6 +937,12 @@ export default function App() {
                     Discard Draft
                   </button>
                 ) : null}
+                <div className="editor__footer-status">
+                  <div className="status-line">
+                    <span className={`status status--${statusKey}`}></span>
+                    {statusLabel}
+                  </div>
+                </div>
                 <button
                   className="button button--primary button--save"
                   onClick={handleSaveVersion}