Merge branch 'main' into kurt-remove-clickable-gaps

src/App.tsx

@@ -137,9 +137,14 @@ export function App() {
         enableMenu={true}
       />
       <ModalContainer />
+      <div className="h-full">
+        <div className="h-full flex">
+          <div className="h-full w-5 z-10 pointer-events-auto"></div>
+          <div className="flex flex-col">
+            <div className="h-5 z-10 pointer-events-auto"></div>
             <Resizable
               className={
-          'pointer-events-none h-full flex flex-col flex-1 z-10 my-5 ml-5 pr-1 transition-opacity transition-duration-75 ' +
+                'pointer-events-none h-full flex flex-col flex-1 z-10 pr-1 transition-opacity transition-duration-75 ' +
                 +paneOpacity
               }
               defaultSize={{
@@ -193,6 +198,10 @@ export function App() {
                 </section>
               </div>
             </Resizable>
+            <div className="h-5 z-10 pointer-events-auto"></div>
+          </div>
+        </div>
+      </div>
       <Stream className="absolute inset-0 z-0" />
       {showDebugPanel && (
         <DebugPanel