Feat/wms 51 (#44)

* Added: icons
* Updated: routes
* Updated: Tilebasic component
* Updated: homepage component and styling
* Updated: Setup page styles and component
* Updated: Labelling home styles and components
* Fixed: missing footer
* Updated: reorder routes
* Fixed: tiles width for many items
* Fixed: warehouse missing path
* Fixed: setup screen icon sizes

Co-authored-by: Llewellyn D'souza <lledsouza2209@gmail.com>

src/assets/images/LocationLabelIcon.js

@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types';
+
+const LocationLabelIcon = ({ width = 96, height = 96, color = 'white', ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 96 96"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M48 53.7198C54.8925 53.7198 60.48 48.1323 60.48 41.2398C60.48 34.3473 54.8925 28.7598 48 28.7598C41.1075 28.7598 35.52 34.3473 35.52 41.2398C35.52 48.1323 41.1075 53.7198 48 53.7198Z"
+      stroke={color}
+      strokeWidth="5"
+    />
+    <path
+      d="M14.4798 33.96C22.3598 -0.679991 73.6798 -0.63999 81.5198 34C86.1198 54.32 73.4798 71.52 62.3998 82.16C54.3598 89.92 41.6398 89.92 33.5598 82.16C22.5198 71.52 9.87981 54.28 14.4798 33.96Z"
+      stroke={color}
+      strokeWidth="5"
+    />
+  </svg>
+);
+export default LocationLabelIcon;
+
+LocationLabelIcon.propTypes = {
+  width: PropTypes.string,
+  height: PropTypes.string,
+  color: PropTypes.string
+};

src/assets/images/WidgetLabelIcon.js

@@ -0,0 +1,48 @@
+import PropTypes from 'prop-types';
+
+const WidgetLabelIcon = ({ width = 96, height = 96, color = 'white', ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 96 96"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M88 34.08V15.92C88 10.28 85.44 8 79.08 8H62.92C56.56 8 54 10.28 54 15.92V34.04C54 39.72 56.56 41.96 62.92 41.96H79.08C85.44 42 88 39.72 88 34.08Z"
+      stroke={color}
+      strokeWidth="5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M88 79.08V62.92C88 56.56 85.44 54 79.08 54H62.92C56.56 54 54 56.56 54 62.92V79.08C54 85.44 56.56 88 62.92 88H79.08C85.44 88 88 85.44 88 79.08Z"
+      stroke={color}
+      strokeWidth="5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M42 34.08V15.92C42 10.28 39.44 8 33.08 8H16.92C10.56 8 8 10.28 8 15.92V34.04C8 39.72 10.56 41.96 16.92 41.96H33.08C39.44 42 42 39.72 42 34.08Z"
+      stroke={color}
+      strokeWidth="5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M42 79.08V62.92C42 56.56 39.44 54 33.08 54H16.92C10.56 54 8 56.56 8 62.92V79.08C8 85.44 10.56 88 16.92 88H33.08C39.44 88 42 85.44 42 79.08Z"
+      stroke={color}
+      strokeWidth="5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+);
+export default WidgetLabelIcon;
+
+WidgetLabelIcon.propTypes = {
+  width: PropTypes.string,
+  height: PropTypes.string,
+  color: PropTypes.string
+};