Reorganize workspace layout and add new text button styling

src/App.tsx

@@ -1442,19 +1442,7 @@ export default function App() {
       ) : null}
 
       <main className="workspace">
-        {sidebarCollapsed ? (
-          <div className="sidebar__footer sidebar__footer--collapsed">
-            <button
-              className="icon-button"
-              onClick={() => setSidebarCollapsed(false)}
-              aria-label="Expand sidebar"
-              title="Expand sidebar"
-              type="button"
-            >
-              <span className="icon-button__glyph" aria-hidden="true">▶</span>
-            </button>
-          </div>
-        ) : null}
+        <div className="workspace__body">
           {!selectedTextId ? (
             <div className="empty-state">
               <div className="empty-state__title">Create your first text</div>
@@ -1676,6 +1664,22 @@ export default function App() {
             ) : null}
             </div>
           )}
+        </div>
+        {sidebarCollapsed ? (
+          <div className="workspace__footer">
+            <div className="sidebar__footer sidebar__footer--collapsed">
+              <button
+                className="icon-button"
+                onClick={() => setSidebarCollapsed(false)}
+                aria-label="Expand sidebar"
+                title="Expand sidebar"
+                type="button"
+              >
+                <span className="icon-button__glyph" aria-hidden="true">▶</span>
+              </button>
+            </div>
+          </div>
+        ) : null}
       </main>
 
       {settingsOpen ? (