🎨 style: add hover interaction to the card

packages/frontend/src/components/projects/ProjectCard/ProjectCard.theme.ts

@@ -8,6 +8,7 @@ export const projectCardTheme = tv({
       'rounded-2xl',
       'flex',
       'flex-col',
+      'group',
     ],
     upperContent: ['px-4', 'py-4', 'flex', 'items-start', 'gap-3', 'relative'],
     content: ['flex', 'flex-col', 'gap-1', 'flex-1'],
@@ -20,7 +21,7 @@ export const projectCardTheme = tv({
     description: ['text-xs', 'text-elements-low-em'],
     icons: ['flex', 'items-center', 'gap-1'],
     lowerContent: [
-      'bg-surface-card-hovered',
+      'group-hover:bg-surface-card-hovered',
       'px-4',
       'py-4',
       'flex',