♻️ [devext] move margin to Columns component

For the Replay tab, we don't want any margin, so this commit moves the
margin from the base Tabs to the Columns component used by the other
tabs.

developer-extension/src/panel/components/columns.tsx

@@ -2,7 +2,11 @@ import { Grid, Space, Title } from '@mantine/core'
 import React from 'react'
 
 export function Columns({ children }: { children: React.ReactNode }) {
-  return <Grid>{children}</Grid>
+  return (
+    <Grid mt="sm" mx="sm">
+      {children}
+    </Grid>
+  )
 }
 
 function Column({ children, title }: { children: React.ReactNode; title: string }) {

developer-extension/src/panel/components/tabBase.tsx

@@ -26,8 +26,7 @@ export function TabBase({ top, children }: TabBaseProps) {
           </Container>
         </>
       )}
-      <Container fluid sx={{ flex: 1, overflowY: 'auto', margin: 0 }}>
-        {!top && <Space h="sm" />}
+      <Container fluid sx={{ flex: 1, overflowY: 'auto', padding: 0, margin: 0 }}>
         {children}
       </Container>
     </Flex>