fix page reload when clicking on logo (#1178)

packages/app/src/components/Root/Root.tsx

@@ -34,6 +34,7 @@ import {
   SidebarUserBadge,
   SidebarThemeToggle,
 } from '@backstage/core';
+import { NavLink } from 'react-router-dom';
 
 const useSidebarLogoStyles = makeStyles({
   root: {
@@ -56,9 +57,11 @@ const SidebarLogo: FC<{}> = () => {
 
   return (
     <div className={classes.root}>
-      <Link href="/" underline="none" className={classes.link}>
-        {isOpen ? <LogoFull /> : <LogoIcon />}
-      </Link>
+      <NavLink to="/">
+        <Link underline="none" className={classes.link}>
+          {isOpen ? <LogoFull /> : <LogoIcon />}
+        </Link>
+      </NavLink>
     </div>
   );
 };