Improve overall design and add loading states

[eggsy]

Changes:

• ✅ Remove pushFirstData items from actual data list since it resulted in duplicates in the list.
• ✅ Add scrollbar-gutter CSS rule to html prevent layout shifting in setting lists.
• ✅ Use a tricky framer-motion fade animation to achieve smooth-like transition of the backButton's visibility.
• ✅ Make use of loading states in country-region-city selection to show a spinner.
• ✅ Add border and hover state styles to settings list items.
• 🔧 Use useCallback hook to prevent unwanted re-renders due to inline function.
• 🔧 Removed data.length > 0 condition since it was blocking page render (resulting in ugly transition between pages).
• 💡 Removed unused variable pad (did you forget to implement it?).
• 💡 Put default values at the end as per typescript:S1788 rule.

Here's a preview:

[vercel[bot]]

@eggsy is attempting to deploy a commit to the Ademilter Team on Vercel.

A member of the Team first needs to authorize it.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated
vakitler	✅ Ready (Inspect)	Visit Preview	✅ 1 resolved	Mar 12, 2023 at 0:33AM (UTC)

[ademilter]

öncelikle katkıların için teşekkürler.

"Put default values at the end as per typescript:S1788 rule." commiti ile yaptığın değişiklikte metodlar patlamış. metodların kullanıldığı yerleri değiştirmemişsin.

• lokalinde çalıştırıp test et
• commit öncesin prettier çalıştır

[eggsy]

API'a bağlanamadığını düşünerek zamanların gözükmediğini sanmıştım, benim hatam, düzeltiyorum 🤦‍♂️