fix: refactoring version page / fix issue not found page #100 (#117)

* chore: refactoring version page

* refactor: migrate version page to hooks

* refactor: Version page better imports

* fix: #100 render not found on click item

* test: add test for version page

* chore: update mocks

* test: add scenario for not found package

* chore: fix wrong mock path

* chore: update mock

* chore: add todo list

src/pages/Version/Layout.tsx

@@ -0,0 +1,27 @@
+import React, { FC, ReactElement } from 'react';
+import Grid from '@material-ui/core/Grid';
+import DetailContainer from '../../components/DetailContainer';
+import DetailSidebar from '../../components/DetailSidebar';
+
+function renderDetail(): ReactElement<HTMLElement> {
+  return <DetailContainer />;
+}
+
+function renderSidebar(): ReactElement<HTMLElement> {
+  return <DetailSidebar />;
+}
+
+const Layout: FC<{}> = () => {
+  return (
+    <Grid className={'container content'} container={true} data-testid="version-layout" spacing={0}>
+      <Grid item={true} xs={8}>
+        {renderDetail()}
+      </Grid>
+      <Grid item={true} xs={4}>
+        {renderSidebar()}
+      </Grid>
+    </Grid>
+  );
+};
+
+export { Layout };