[prince-0408]

Contributor checklist

• This pull request is on a separate branch and not the main branch
• I have tested my code with the ./gradlew lintKotlin detekt test command as directed in the testing section of the contributing guide

---

Description

This PR reworks the keyboard sub menu in the Settings screen when no keyboard is currently installed, aligning it with the download UI empty state and the Figma design.

Summary of Changes:

1. SettingsScreen.kt:

   • Replaced the standalone floating "Install keyboards" button with EmptyKeyboardSettingsSection.
   • Displays the section title "Select installed keyboard" (i18n_app_settings_keyboard_title).
   • Displays a rounded surface card with the instruction text (i18n_app_download_menu_ui_no_keyboards_installed).
   • Used MaterialTheme.colorScheme.onSurface (pure #FFFFFF in dark mode) for crisp, bright readability matching the Figma designs.
   • Places the Install keyboards button directly beneath the card.

2. SettingsScreenInstallKeyboardButtonTest.kt:

   • Added keyboardTitle_isDisplayed_whenKeyboardNotInstalled to ensure the header is visible when no keyboard is installed.
   • Added noKeyboardsMessage_isDisplayed_whenKeyboardNotInstalled to verify the instruction card renders when no keyboard is installed.
   • Added noKeyboardsMessage_isNotDisplayed_whenKeyboardInstalled to verify the instruction card is hidden once keyboards are present.

3. CHANGELOG.md:

   • Documented the change under ### 🎨 Design.

---

UI Preview

---

Related issue

• Closes Rework keyboard sub menu display to user when there's no keyboard installed #753

[andrewtavis]

praise: This is some great user experience here, @prince-0408! Thanks for the quick work on these PRs! 🚀

[ashb155]

thanks @prince-0408 !