fix(core-components): Sidebar styles

1. Remove unused class "nav-content".
2. Use anchor tag pseduo classes to overwrite "elements.css".
3. Add missing style for nav content.

Depends on: e859114 (i.e. previous commit)

libs/core-components/src/lib/Sidebar/Sidebar.jsx

@@ -25,7 +25,7 @@ const SidebarItem = ({ to, iconName, label, children, disabled, hidden }) => {
         <div
           className={`${disabled ? styles['disabled'] : ''} ${
             styles['content']
-          } nav-content`}
+          }`}
         >
           <Icon name={iconName} />
           <span className={styles['text']}>{label}</span>

libs/core-components/src/lib/Sidebar/Sidebar.module.css

@@ -12,22 +12,25 @@
   padding-top: 20px;
 }
 
-.link {
+.link:is(:link, :visited) {
   color: var(--global-color-primary--dark);
   font-weight: 500;
 }
 .link:hover,
-.link--active {
+.link--active:is(:link, :visited) {
   color: var(--global-color-primary--x-dark); /* to pass color contrast test */
   background-color: var(--global-color-accent--weak);
 }
-.link--active,
-.link:active {
+.link:active,
+.link--active:is(:link, :visited) {
   font-weight: 700;
 }
 
 .content {
   padding-left: 20px;
+
+  display: flex;
+  align-items: center;
 }
 
 .text {