Card icons render incorrectly on iPhone (Safari & Chrome) after back-navigation

### Current Behavior
On the docs homepage, the tutorial/doc cards (Cloud Docs, Kanvas Docs, Meshery Docs, Nighthawk Docs) show the wrong icon after tapping a card and then navigating back on iPhone. Confirmed on both Safari and Chrome on iOS. Android is not affected.

Steps to reproduce
1. Open the docs homepage on an iPhone (Safari or Chrome).
2. Tap any doc card (e.g. "Kanvas Docs").
3. Use the browser back button to return to the homepage.
4. Observe the icon for that card — it renders incorrectly instead of the default icon.

### Expected Behavior
The icon should always show its default state when the homepage loads or is returned to.

### Screenshots/Logs

https://github.com/user-attachments/assets/e4f8c89c-164b-41d7-8496-d630294f551e

### Environment

- **Host OS:** Mac Linux Windows
- **Browser:** Chrome Safari Firefox Edge Opera

---

#### Contributor Guide and Resources
- 📚 [Instructions for contributing to documentation](https://github.com/layer5io/docs/blob/master/CONTRIBUTING.md)
- Layer5 documentation [site](https://docs.layer5.io) and [source](https://github.com/layer5io/docs/)
- 🎨 Wireframes and [designs for Layer5 site](https://www.figma.com/file/5ZwEkSJwUPitURD59YHMEN/Layer5-Designs) in Figma [(open invite)](https://www.figma.com/team_invite/redeem/GvB8SudhEOoq3JOvoLaoMs)
- 🙋🏾🙋🏼 Questions: [Layer5 Discussion Forum](https://discuss.layer5.io) and [Layer5 Community Slack](http://slack.layer5.io)