feat: Navigation routing component

Contributes: #68

Signed-off-by: Jordan <[email protected]>

build/webpack.common.js

@@ -40,6 +40,7 @@ const withHTMLPlugin = returnPluginWithConfig(HtmlPlugin, {
   bootstrapConfigInsert: '{{bootstrapConfigs}}', // config insert for client bootstrap data
   favicon: `${IMAGES_DIR}/favicon.ico`, // favicon for this page
   inject: true,
+  base: '/',
 });
 
 const withMiniCssExtractPlugin = returnPluginWithConfig(MiniCssExtractPlugin, {

client/Bootstrap/App.tsx

@@ -0,0 +1,21 @@
+/*
+ * Copyright Strimzi authors.
+ * License: Apache License 2.0 (see the file LICENSE or http://apache.org/licenses/LICENSE-2.0.html).
+ */
+import React, { FunctionComponent } from 'react';
+import { useRouteConfig } from './Navigation/useRouteConfig/useRouteConfig.hook';
+import * as pages from 'Pages';
+import { NavigationWrapper } from './Navigation';
+import { BrowserRouter } from 'react-router-dom';
+
+const App: FunctionComponent = () => {
+  const RouterConfig = useRouteConfig(pages);
+
+  return (
+    <BrowserRouter>
+      <NavigationWrapper configuration={RouterConfig} />
+    </BrowserRouter>
+  );
+};
+
+export { App };