Fix update of vertical menu styles after menu click

[mzazrivec]

The layout, styles & classes changed a little bit when the vertical menu was re-done into React.

Previously, the menu items would not be correctly marked as inactive when navigating between sections. See screenshot.

[miq-bot]

Checked commit mzazrivec@75e7d9f with ruby 2.5.7, rubocop 0.69.0, haml-lint 0.20.0, and yamllint
0 files checked, 0 offenses detected
Everything looks fine. 👍

[himdel]

Matches the menu changes from ManageIQ/manageiq-ui-classic#5854 (and ManageIQ/manageiq-ui-classic#6197 + ManageIQ/manageiq-ui-classic#6463) 👍

Ideally we should be updating the menu to read the router history object instead of manually tweaking this. But this updates the existing code to match the right elements again, so, step forward :).

[himdel]

app/javascript/common/menu.js:21
  const newActiveMenuItem = document.querySelector(`[id="${link_item.menu_item_id}"]`);

won't that need an id prefix update too?

(Because of ui's const getItemId = id => `menu_item_${id}`;)

EDIT: never mind, config.js already has them prefixed since #822

[mturley]

@himdel thanks for merging these, I had been meaning to get around to them