fix(layout): prevent output text from overflowing past sidebar

Long unbroken text in notes and @pastes was extending past the browser
window width, crowding out the sidebar. Two fixes:
- Change word-wrap: normal to overflow-wrap: break-word on .output
- Add min-width: 0 to main grid child to constrain its column track

Author: ctoth

src/App.css

@@ -281,6 +281,7 @@ main {
   /* Ensure main area doesn't get spacing when sidebar is hidden */
   padding-right: 0;
   min-height: 0;
+  min-width: 0; /* Prevent grid child from overflowing its column track */
   display: flex;
   flex-direction: column;
 }

src/components/output.css

@@ -4,7 +4,7 @@
   color: #ffffff;
   background-color: var(--color-bg-deepest);
   white-space: pre-wrap;
-  word-wrap: normal;
+  overflow-wrap: break-word;
   padding: var(--space-4);
   border: none;
   border-radius: 0;