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
})
);
```

NavLinks、FooterLinks、NavLink、FooterLink コンポーネントを見つけ、styled() を使用する他のコンポーネントとスタイリングを比較してください。styles={} を渡しても表示に必要なスタイルを削除できなくなっていることを確認し、その後、影響を受けるコンポーネントの動作を確認してください。

索引モデルが issue の本文から書いたものです。