Fix horizontal scroll in Databases plugin

Summary:
changelog: make sure database plugin is horizontally scrollable

fixes https://github.com/facebook/flipper/issues/2306

(assumed that'd be fixed by previous diff, but the plugin doesn't use the `DataTable` abstraction yet, athough it has a component with the same name :')

Reviewed By: cekkaewnumchai

Differential Revision: D33368215

fbshipit-source-id: f6a9b876ba3cd4aea7faa85b045a7614278e1c86

desktop/plugins/public/databases/DatabasesPlugin.tsx

@@ -278,7 +278,7 @@ const QueryTable = React.memo(
       const columns = table.columns;
       const rows = table.rows;
       return (
-        <Layout.Horizontal grow>
+        <Layout.Container grow>
           <ManagedTable
             floating={false}
             multiline
@@ -304,7 +304,7 @@ const QueryTable = React.memo(
               columnValues={table.rows[table.highlightedRows[0]]}
             />
           )}
-        </Layout.Horizontal>
+        </Layout.Container>
       );
     } else if (query.id && query.id !== null) {
       return (
@@ -744,7 +744,6 @@ export function Component() {
           </Toolbar>
         </Layout.Container>
       ) : null}
-      <Layout.Horizontal grow>
       <Layout.Container grow>
         {state.viewMode === 'data' ? (
           <DataTable
@@ -777,7 +776,6 @@ export function Component() {
           <QueryHistory history={state.queryHistory} />
         ) : null}
       </Layout.Container>
-      </Layout.Horizontal>
       <Toolbar position="bottom" style={{paddingLeft: 8}}>
         <Layout.Horizontal grow>
           {state.viewMode === 'SQL' && state.executionTime !== 0 ? (