Fix/not working keyboard

📝 Summary

This PR fixes the issue where the keyboard is not working and introduces a new custom keyboard for entering the mosque ID in on boarding screen.

This PR addresses issue #1070

Description

The current keyboard implementation in the MosqueInputId widget has some issues and is not functioning as expected. To resolve this, a new custom keyboard (CustomKeyboardWidget) has been introduced.

The changes made in this PR include:

Added a new file custom_keyboard.dart that contains the implementation of the CustomKeyboardWidget.
Updated the MosqueInputId widget to use the CustomKeyboardWidget instead of the default keyboard.
Implemented the custom keyboard UI and functionality, including numeric keys, delete key, and done key.
Added event handling to update the TextEditingController when keys are pressed.
Improved the styling and layout of the custom keyboard to match the app's design.

With these changes, users will be able to enter the mosque ID using the custom keyboard, which provides a better user experience and ensures proper functionality.

Tests

🧪 Use case 1

💬 Description:

Launch the app and navigate to the mosque search screen.
Tap on the mosque ID input field.
Verify that the custom keyboard appears at the bottom of the screen.
Enter a valid mosque ID using the custom keyboard.
Tap the "Done" key on the custom keyboard.
Verify that the entered mosque ID is displayed in the input field.
Tap the search button to perform the mosque search.
Verify that the search results are displayed correctly based on the entered mosque ID.

📷 Screenshots or GIFs (if applicable):

Checklist:

[x] Coding Standards: I have reviewed my code to ensure it follows the project's coding standards.
[x] Testing: I have tested the changes and they work as expected.
[x] Merge Conflicts: I have resolved any merge conflicts with the latest main/development branch.
[x] Branch Status: The branch is up-to-date with the target branch (main/development).

mawaqit / android-tv-app