Fixed copmonents

src/components/ProfileBreadcrumbs/ProfileBreadcrumbs.js

@@ -1,16 +0,0 @@
-import React from 'react'
-import {Link} from "react-router-dom";
-
-import './profileBreadcrumbs.scss'
-
-export const ProfileBreadcrumbs = ({ links }) => {
-    return (
-        <div className='profileBreadcrumbs'>
-            {links.map((link, index) => {
-                return <Link key={index} to={link.link}>{link.name}</Link>
-            })
-
-            }
-        </div>
-    )
-}

src/components/ProfileBreadcrumbs/ProfileBreadcrumbs.jsx

@@ -0,0 +1,18 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+import "./profileBreadcrumbs.scss";
+
+export const ProfileBreadcrumbs = ({ links }) => {
+  return (
+    <div className="profileBreadcrumbs">
+      {links.map((link, index) => {
+        return (
+          <Link key={index} to={link.link}>
+            {link.name}
+          </Link>
+        );
+      })}
+    </div>
+  );
+};

src/components/ProfileBreadcrumbs/profileBreadcrumbs.scss

@@ -7,7 +7,7 @@
   }
 
   a {
-    color: #5B6871;
+    color: #5b6871;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
@@ -31,11 +31,11 @@
     }
 
     &:after {
-      content: '';
+      content: "";
       background-image: url("../../images/BreadcrumbsArrow.png");
       background-repeat: no-repeat;
       width: 7px;
-      height:10px;
+      height: 10px;
       position: absolute;
       right: -14px;
     }