Add a unit test for the useNftMetadata fetch, error, and abort paths

[1nonlypiece]

📌 Description

src/hooks/useNftMetadata.ts fetches NFT metadata and exposes loading/error state, but it has no test. The success, failure, and abort-on-unmount branches are unverified.

🎯 Requirements and Context

• Mock fetch to cover the success, HTTP-error, and network-error branches.
• Assert loading transitions to loaded/errored correctly.
• Assert in-flight requests are aborted on unmount or token change.

🛠️ Suggested Execution

1. Fork the repo and create a branch

git checkout -b test/use-nft-metadata-tests

2. Implement changes

• src/hooks/__tests__/useNftMetadata.test.ts — new unit test with mocked fetch
• src/hooks/useNftMetadata.ts — read only

3. Test and commit

• Run the suite: pnpm test (or npm test) and pnpm lint.
• Cover edge cases: 404 response; malformed JSON; abort on unmount; token changes mid-fetch.
• Include test output (and a short note of any behavioural findings) in the PR.

Example commit message

test: add unit coverage for useNftMetadata fetch and error paths

✅ Guidelines

• Minimum 95% test coverage on the new/changed lines.
• Clear, reviewer-friendly documentation and a small, focused diff.
• No regressions against existing suites.
• Timeframe: 96 hours.

🏷️ Labels

type-testing · area-frontend · MAYBE REWARDED · GRANTFOX OSS · OFFICIAL CAMPAIGN

💬 Community & Support

• Join the CommitLabs contributor Discord to coordinate, ask questions, and get
  unblocked fast: https://discord.gg/WV7tdYkJk
• Please introduce yourself in the channel before you start so we can avoid
  duplicate work, pair you with a reviewer, and get your PR merged quickly.
• Maintainers actively triage this channel and aim for fast, clear, respectful
  reviews — reach out any time you're blocked.

[Baskarayelu]

I’d love to be assigned this issue and contribute across the relevant areas, whether it involves smart contracts, UI development, backend logic, design implementation, or overall system integration. I’m comfortable working across the full stack and can adapt to the project’s technical requirements to ensure a smooth and consistent contribution.

[grantfox-oss]

🦊 GrantFox — @Baskarayelu has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #983)
2. Your PR will be reviewed by the Commitlabs-Org maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox!

@Baskarayelu's PR #1113 was approved and merged by @1nonlypiece.

🏆 @Baskarayelu: You earned 40 FoxPoints for this contribution! Your current tier: Builder (2,988 total points). Track your full progress on GrantFox.

👏 Great work, @Baskarayelu! Keep contributing to Commitlabs-Org.