NavLinks, FooterLinks, NavLink and FooterLink should be using `styled`.

Currently NavLinks, FooterLinks, NavLink and FooterLink styles can all be removed by passing in `styles={}` , obviously, breaking the way they are displayed.

Other components are using the function `styled()`, e.g.
```
const BarStyled = styled(Bar)(
({ theme }) => ({
backgroundColor: theme.vars.palette.primary.light
})
);
```

Locate the NavLinks, FooterLinks, NavLink and FooterLink components and compare their styling with other components that use styled(). Verify that passing styles={} can no longer remove the styles required for their display, then check the affected component behavior.

Written by the indexing model from the issue text.