[Data Explorer] Implement data fetch logic in Discover 2.0

Issue Resolve:
opensearch-project#4397

Signed-off-by: ananzh <ananzh@amazon.com>

src/plugins/discover/public/application/view_components/canvas/canvas.tsx

@@ -8,6 +8,7 @@ import { AppMountParameters } from '../../../../../../core/public';
 import { useOpenSearchDashboards } from '../../../../../opensearch_dashboards_react/public';
 import { DiscoverServices } from '../../../build_services';
 import { TopNav } from './top_nav';
+import { DiscoverTable } from './discover_table';
 
 interface CanvasProps {
   opts: {
@@ -17,11 +18,12 @@ interface CanvasProps {
 
 export const Canvas = ({ opts }: CanvasProps) => {
   const { services } = useOpenSearchDashboards<DiscoverServices>();
-
+  const { history: getHistory } = services;
+  const history = getHistory();
   return (
     <div>
       <TopNav opts={opts} />
-      Canvas
+      <DiscoverTable services={services} history={history} />
     </div>
   );
 };