♻️(css) remove '_ra-*' helpers from panda

they are not really helpful, i'd rather stick to the react-aria wording,
easier to understand when looking at react aria examples, converting
code, etc. Not a great value adding this api in our tiny heads

src/frontend/src/primitives/A.tsx

@@ -7,10 +7,10 @@ const link = cva({
     textUnderlineOffset: '2',
     cursor: 'pointer',
     borderRadius: 2,
-    '_ra-hover': {
+    '&[data-hovered]': {
       textDecoration: 'none',
     },
-    '_ra-pressed': {
+    '&[data-pressed]': {
       textDecoration: 'underline',
     },
   },

src/frontend/src/primitives/Button.tsx

@@ -14,10 +14,10 @@ const button = cva({
     border: '1px solid transparent',
     color: 'colorPalette.text',
     backgroundColor: 'colorPalette',
-    '_ra-hover': {
+    '&[data-hovered]': {
       backgroundColor: 'colorPalette.hover',
     },
-    '_ra-pressed': {
+    '&[data-pressed]': {
       backgroundColor: 'colorPalette.active',
     },
   },

src/frontend/src/primitives/PopoverList.tsx

@@ -15,7 +15,7 @@ const ListItem = styled(Button, {
     borderRadius: 4,
     cursor: 'pointer',
     color: 'primary',
-    '_ra-hover': {
+    '&[data-hovered]': {
       color: 'primary.subtle-text',
       backgroundColor: 'primary.subtle',
     },