feat: add scrolling behavior (#6)

* feat: add scrolling behavior to the navigation tree

* bump: bump version to handle scroll

Author: thomasrebam

packages/react-navigation-visualizer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bam.tech/react-navigation-visualizer-dev-plugin",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Visualization Tool based on Expo DevTools Plugin for React Navigation",
   "main": "build/index.js",
   "types": "build/index.d.ts",

packages/react-navigation-visualizer/webui/src/NavigationTree.tsx

@@ -18,8 +18,8 @@ export function NavigationTree({ logs }: Props) {
   const hasPreviousItem = !!previousNavigationItem && previousNavigationItemState;
 
   return (
-    <Layout style={{ height: '100%' }}>
-      <Layout.Content style={{ height: '100%' }}>
+    <Layout>
+      <Layout.Content style={{ height: '100vh', overflow: 'auto', paddingBottom: '80px' }}>
         <Container>
           <HalfContainer>
             <Typography>Previous state</Typography>
@@ -50,7 +50,6 @@ const Container = styled.div({
   display: 'flex',
   overflow: 'auto',
   flexDirection: 'row',
-  height: 'calc(100vh - 80px)',
   flex: 1,
 });