Refactors Ripple animation into a reusable hook

[leoAshu]

🚀 Summary

Refactored the ripple animation logic from the IconButton component into a reusable custom hook useRipple.

This improves modularity, enables reuse across multiple components, and keeps animation logic decoupled from UI components.

🧩 Related Issues / Tasks

• Closes [REFACTOR] Refactor Ripple Animation into Reusable Hook #22

🛠️ Type of Change

• 🐞 Bug fix
• ✨ New feature
• 🧨 Breaking change
• 🔨 Enhancement/Refactor
• 📝 Documentation
• 📜 Other (please describe):

✅ Checklist

• The code is formatted with Prettier (npm run format or npx prettier --write .)
• PR references a linked Issue or Task number
• Tested on both iOS and Android devices/emulators
• No unnecessary logs or commented-out code
• UI changes, if any, have been reviewed visually
• All tests are passing (if applicable)
• Added or updated documentation where necessary

📸 Screenshots / Videos (UI changes only)

No visible UI changes; animation behavior remains consistent.

🧪 Test Plan

• Verified ripple animation behavior in IconButton remains consistent with previous implementation.
• Tested with custom parameters for scale, opacity, and duration.
• Confirmed no regressions across multiple pressable components on both iOS and Android.