Adjust link styling for various states [Fixes #89] (#129)

* fix: link styling for various states

updates hover/active/focus link states to match design system

* hover underline color to secondary

src/theme/components/Link.ts

@@ -15,13 +15,13 @@ export const Link = {
     light: {
       textDecoration: 'underline',
       color: 'primary',
-      _hover: { color: 'body', textDecorationColor: 'body' },
+      _hover: { color: 'body', textDecorationColor: 'secondary' },
       _focus: {
         color: 'primary',
-        boxShadow: '0 0 0 1px var(--chakra-colors-primary)',
+        boxShadow: '0 0 0 1px var(--chakra-colors-primary) !important',
         textDecoration: 'none'
       },
-      _pressed: {
+      _active: {
         color: 'secondary',
         textDecorationColor: 'secondary'
       }