chore: finalize about and contact pages, fix stylesheet path, add TODO comments for future improvements

src/scripts/benefits.js

@@ -0,0 +1,16 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const benefitsCards = document.querySelectorAll('.benefits-card');
+
+    benefitsCards.forEach(card => {
+        card.addEventListener('mouseenter', () => {
+            const ulElement = card.querySelector('ul');
+            card.style.setProperty('--ul-height', `${ulElement.scrollHeight}px`);
+            card.classList.add('is-expanded');
+        });
+
+        card.addEventListener('mouseleave', () => {
+            card.classList.remove('is-expanded');
+            card.style.removeProperty('--ul-height');
+        });
+    });
+});