<div class="block">
	<h3 class="block__title"></h3>
	<h2 class="block__subtitle"></h2>
</div>

Progress bar, они есть почти во всех UI-библиотеках, например:
https://ant.design/components/progress

Я использую так, если пользователя нет в стейте, то проверка не срабатывает, и производится редирект на ту страницу, которую я передал пропсом как redirectTo, а если пользователь есть, то он просто возвращает обычный роут.

const ProtectedRoute = ({isAllowed, redirectTo, ...props}) => {
    return isAllowed ?
        <Route {...props}/> : <Redirect to={redirectTo}/>
};

const App = () => {
    const user = useSelector(state => state.users.user);

    return (
        <Switch>
            <ProtectedRoute
                isAllowed={user}
                redirectTo="/"
                path="/new-artist"
                component={NewArtist}
            />
          
            <Route path="/register" component={Register}/>
            <Route path="/login" component={Login}/>

            <Route component={() => <h2>Not Found.</h2>}/>
        </Switch>
    );
};

Не очень понятен заданный вопрос, но если вы имеете в виду то, что при перезагрузке страницы у вас снова клики сбрасываются на ноль, потому что файл js читается заново, а у вас let count = 0? Нужно сделать проверку, если в storage уже есть определенное число кликов, то приравнивать число взятое из storage к count:

let count = 0;
localStorage.getItem('count') ? count = parseInt(localStorage.getItem('count')) : 0; 
// parseInt потому, что в значении storage всегда хранится строка.