fix: make scratchpad scrollable

[Light2Dark]

📝 Summary

Fixes #3073 . Each individual part can be scrolled (code editor, output area, console output) and the whole scratchpad can be scrolled too. I think it maintains the feel of scratchpad while handling long inputs / outputs.

I'm not sure if it breaks anything else, so plan to test it locally a while.

🔍 Description of Changes

📋 Checklist

• I have read the contributor guidelines.
• For large changes, or changes that affect the public API: this change was discussed or approved through an issue, on Discord, or the community discussions (Please provide a link if applicable).
• I have added tests for the changes made.
• I have run the code and verified that it works as expected.

📜 Reviewers

@akshayka OR @mscolnick

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
marimo-docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 6, 2024 2:24pm
marimo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 6, 2024 2:24pm

[mscolnick]

@Light2Dark - just played around with it, i think the only change needed is this at the bottom:

      <div className="flex-1 divide-y relative overflow-hidden flex flex-col">
        {renderBody()}
        {renderHistory()}
      </div>

[Light2Dark]

hey, sorry about that, that's a much better fix. Thanks :)

edit: it is slightly different than the current design, since the console output is fixed to the bottom. just wanted to point it out.

[mscolnick]

hey @Light2Dark, yea i thought it always was (that was my intention initially). but I think that is fine to keep it like that