Application layout (paneling) canvas, code editor

[luke-quadratic]

Paneling for various things

[jimniels]

I looked into this a bit and got a rough sense for what it's going to take to get it done.

Gonna leave some notes here for when I'm able to come back to it

---

Primary conecern is going to be with top-level application layout and being able to make it clear in the code how that's working.

// QuadraticUI.tsx

<TopBar />
<AppLayout />
<BottomBar />
{Dialogs}


// AppLayout.tsx

<div>
  <div>
    <FileUploadWrapper>
      <QuadraticGrid />
      <Following />
    </FileUploadWrapper>
    {!presentationMode && <SheetBar />} 
  </div>

  {showCodeEditor && 
    <div>
      <div>
        <CodeEditorBody />
      </div>
      <div>
        <CodeEditorPanel />
      </div>
    </div>
  }

  OR


  {showCodeEditor && <div><CodeEditor /></div>}
</div>

It's also worth considering, though not necessarily implementing, how we will want to handle these panels across mobile (since that is on the horizon).

I sketched out ideas for this on paper.