fix: active status error for component NavBottom

[LittleSound]

fix: #265

The active style on the navigation bar is not updated after switching pages.

Browser: Safari
System: MacOS and iOS

RPReplay_Final1669873139.mp4

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[netlify]

✅ Deploy Preview for elk-zone ready!

Name	Link
🔨 Latest commit	4be3c8c
🔍 Latest deploy log	https://app.netlify.com/sites/elk-zone/deploys/638845a451ff700009124f00
😎 Deploy Preview	https://deploy-preview-264--elk-zone.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[antfu]

That's a weird behaviour of Safari 😇. And we probably have this issue on any icons.

We could instead change the icons preset with:

    presetIcons({
      scale: 1.2,
      extraProperties: {
        color: 'inherit',
      },
    }),

I'll consider including it as default in UnoCSS directly

[LittleSound]

Thanks for the suggestion. I have added the style for the icon globally: color: 'inherit'.