feat: update to styleguide 2.5.0

.env

-REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.4.0"
+REACT_APP_STYLEGUIDE_URL="https://styleguide.pirati.cz/2.5.0"
 REACT_APP_ROOT_URL="https://cf2022.pirati.cz"
 REACT_APP_CF_TITLE="CF 2022"
 REACT_APP_CF_DESC="Oficiální stránka zasedání Celostátního fóra České pirátské strany, 8. - 9. 1. 2022."

src/components/VNav.js

 import { NavLink } from "react-router-dom";
 import classNames from "classnames";
 
-import { Card, CardBody } from "components/cards";
 import { nav } from "config";
 
 const VNav = ({ className, ...props }) => {
   const cls = classNames(
     className,
-    "border-l border-grey-100 bg-grey-50 bg-opacity-50 pt-0 elevation-0 container-padding--zero md:container-padding--auto"
+    "vertical-navbar container-padding--zero md:container-padding--auto"
   );
 
   return (
-    <Card className={cls} {...props}>
-      <CardBody className="">
-        <ul className="h-allcaps leading-loose">
+    <div className={cls} {...props}>
+      <ul className="vertical-navbar__items">
         <li>
           <NavLink to="/">Rozcestník</NavLink>
         </li>
@@ -23,15 +21,15 @@ const VNav = ({ className, ...props }) => {
             <li key={navItem.link}>
               <NavLink
                 to={navItem.link}
-                  activeClassName="font-bold bg-grey-125 block -mx-8 px-8"
+                className="vertical-navbar__item"
+                activeClassName="vertical-navbar__item--active"
               >
                 {navItem.title}
               </NavLink>
             </li>
           ))}
       </ul>
-      </CardBody>
-    </Card>
+    </div>
   );
 };