Added the glassy class to the ActionCard.jsx

webui/src/pages/Home/components/ActionCard/ActionCard.jsx

@@ -3,7 +3,7 @@ import "./styles.sass";
 
 export const ActionCard = ({ title, icon, onClick }) => {
   return (
-    <div className="action-card" onClick={onClick}>
+    <div className="glassy action-card" onClick={onClick}>
         <FontAwesomeIcon icon={icon} />
         <h1>{title}</h1>
     </div>

webui/src/pages/Home/components/ActionCard/styles.sass

@@ -3,11 +3,7 @@
 .action-card
   display: flex
   flex-direction: column
-  background-color: $background
   padding: 2rem 0
-  backdrop-filter: blur(10px)
-  border: 2px solid $border
-  border-radius: 1rem
   width: 13rem
   text-align: center
   gap: 2rem