feat: Add Loading component and use it in SearchInput

[luis-herasme]

Checklist

• My change requires a documentation update, and I have done it.
• I have added tests to cover my changes.
• I have filled out the description and linked the related issues.

Description

A Loading component is added to provide a loading animation while fetching search results in the SearchInput component. This improves the user experience by indicating that the search is in progress.

Related Issue

#289

Screenshots:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

6 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
blobscan-docs	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm
blobscan-gnosis	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm
blobscan-holesky	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm
blobscan-mainnet	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm
blobscan-sepolia	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm
blobscan-staging	⬜️ Ignored (Inspect)	Visit Preview		Aug 2, 2024 1:36pm

[changeset-bot]

🦋 Changeset detected

Latest commit: ba439aa

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@blobscan/web	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[github-actions]

📦 Next.js Bundle Analysis for @blobscan/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 89.85%. Comparing base (deb72ed) to head (ba439aa).
Report is 6 commits behind head on next.

Additional details and impacted files

@@            Coverage Diff             @@
##             next     #464      +/-   ##
==========================================
+ Coverage   89.84%   89.85%   +0.01%     
==========================================
  Files         146      145       -1     
  Lines        9621     9622       +1     
  Branches     1019     1022       +3     
==========================================
+ Hits         8644     8646       +2     
+ Misses        977      976       -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[PJColombo]

Nice job!.

Left a comment.

Can we also display a "No results found" message in the search results modal when no results are returned? Currently, the loading spinner appears and disappears too quickly, which might confuse users as there is no indication whether results were found.

[luis-herasme]

Currently, the loading spinner appears and disappears too quickly,

I improved this after the last commit. Now, we show the loading spinner while debouncing.

[luis-herasme]

No results found component:

[PJColombo]

LGTM!

One last thing: let's add a changeset