Added breadcrumb object + breadcrumbs for major pages.

client/src/components/breadcrumbs/breadcrumbs.component.jsx

@@ -0,0 +1,28 @@
+import React from "react";
+import { Breadcrumb } from "antd";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBreadcrumbs } from "../../redux/application/application.selectors";
+import { Link } from "react-router-dom";
+
+const mapStateToProps = createStructuredSelector({
+  breadcrumbs: selectBreadcrumbs,
+});
+
+export function BreadCrumbs({ breadcrumbs }) {
+  return (
+    <Breadcrumb>
+      <Breadcrumb.Item>Home</Breadcrumb.Item>
+      {breadcrumbs.map((item) =>
+        item.link ? (
+          <Breadcrumb.Item key={item.label}>
+            <Link to={item.link}>{item.label} </Link>
+          </Breadcrumb.Item>
+        ) : (
+          <Breadcrumb.Item key={item.label}>{item.label}</Breadcrumb.Item>
+        )
+      )}
+    </Breadcrumb>
+  );
+}
+export default connect(mapStateToProps, null)(BreadCrumbs);