Feature/wms 10 (#19)

* Design the Breadcrumbs Component

* Updated: caret height
Renamed: icon component

Co-authored-by: TalhaAbbas55 <talhaabbas556989@.com>
Co-authored-by: Llewellyn Dsouza <lledsouza2209@gmail.com>

src/assets/images/CarretArrowRightIcon.js

@@ -0,0 +1,25 @@
+import PropTypes from 'prop-types';
+
+const CarretArrowRightIcon = ({ width = 24, height = 24, color = 'black', ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    {...props}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M8.9101 20.67C8.7201 20.67 8.5301 20.6 8.3801 20.45C8.0901 20.16 8.0901 19.68 8.3801 19.39L14.9001 12.87C15.3801 12.39 15.3801 11.61 14.9001 11.13L8.3801 4.61002C8.0901 4.32002 8.0901 3.84002 8.3801 3.55002C8.6701 3.26002 9.1501 3.26002 9.4401 3.55002L15.9601 10.07C16.4701 10.58 16.7601 11.27 16.7601 12C16.7601 12.73 16.4801 13.42 15.9601 13.93L9.4401 20.45C9.2901 20.59 9.1001 20.67 8.9101 20.67Z"
+      fill={color}
+    />
+  </svg>
+);
+
+export default CarretArrowRightIcon;
+
+CarretArrowRightIcon.propTypes = {
+  width: PropTypes.string,
+  height: PropTypes.string,
+  color: PropTypes.string
+};