use new Report component

Author: davidjgoss

javascript/src/main.tsx

@@ -3,9 +3,7 @@ import './styles.scss'
 import { Envelope } from '@cucumber/messages'
 import {
   EnvelopesProvider,
-  ExecutionSummary,
-  FilteredDocuments,
-  SearchBar,
+  Report,
   UrlSearchProvider,
 } from '@cucumber/react-components'
 import React from 'react'
@@ -23,11 +21,7 @@ root.render(
   <EnvelopesProvider envelopes={window.CUCUMBER_MESSAGES}>
     <UrlSearchProvider>
       <div id="report" className="html-formatter">
-        <div className="html-formatter__header">
-          <ExecutionSummary />
-          <SearchBar />
-        </div>
-        <FilteredDocuments />
+        <Report />
       </div>
     </UrlSearchProvider>
   </EnvelopesProvider>

javascript/src/styles.scss

@@ -38,10 +38,6 @@ code {
   max-width: 1600px;
   min-height: 100vh;
   margin: 0 auto;
-
-  &__header {
-    margin-bottom: 1.5rem;
-  }
 }
 
 @media all and (prefers-color-scheme: dark) {