fix: better UX when clicking on logo when on home screen or home button in footer

src/components/AppBar/AppBar.tsx

@@ -121,7 +121,17 @@ export const AppBar = () => {
         <Container>
           <Toolbar className={styles.toolbar} disableGutters={true}>
             <Box className={styles.logoWrapper}>
-              <img src="/logo.svg" alt="Logo" onClick={() => navigate('/')} />
+              <img
+                src="/logo.svg"
+                alt="Logo"
+                onClick={() => {
+                  if (window.location.pathname === '/') {
+                    location.reload()
+                  } else {
+                    navigate('/')
+                  }
+                }}
+              />
             </Box>
 
             <Box className={styles.rightSideBox}>

src/components/Footer/Footer.tsx

@@ -68,6 +68,12 @@ export const Footer = () =>
               }}
               component={Link}
               to={'/'}
+              onClick={(event) => {
+                if (window.location.pathname === '/') {
+                  event.preventDefault()
+                  window.scrollTo(0, 0)
+                }
+              }}
               variant={'text'}
             >
               Home