AltaiR

В итоге сам допёр:

import parse from 'date-fns/parse';
parse('22.11.2019', 'dd.MM.yyyy', new Date());

Сам в итоге пришел к ответу. Прикрепляю код, вдруг кому то понадобится:

add_filter('wp_terms_checklist_args', 'wp_terms_checklist_args');

function wp_terms_checklist_args($args) {
  $args['checked_ontop'] = false;
  return $args;
}

Если не нужно менять свойства иконки с помощью css то не обязательно весь код svg вставлять прямо в разметку. Собираешь svg-sprite с помощью gulp и просто в нужном месте в разметке вставляешь вот это:

<svg width="30" height="30">
  <use xlink:href="img/sprite.svg#some-icon"></use>
</svg>

Хотя даже в этом случае тоже можно простые вещи делать с помощью css. Например изменять цвет при наведении и т.д.

Пока нашел такое решение:
1. Добавил скрытую ссылку где получил url файла.

<a id="catalog_url" class="hidden" href="<?php echo $url; ?>">Каталог</a>

2. В настройках плагина Contact Form 7 вставил следующее

on_sent_ok: "window.location.href = jQuery('#catalog_url').attr('href');"

И все заработало.

P.S. Если есть решение получше напишите здесь отмечу.

Вот лучший вариант, который я нашел когда сам искал:

jQuery("body").on('click', '[href*="#"]', function(e){
  var fixed_offset = 100;
  jQuery('html,body').stop().animate({ scrollTop: jQuery(this.hash).offset().top - fixed_offset }, 1000);
  e.preventDefault();
});

Короче если кому надо я нашел плагин, называется NextGEN Gallery. Очень хороший плагин