Migrate the settings page to Jetpack Compose

[angrezichatterbox]

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

The pull request moves the settings page to Jetpack Compose. A separate issue would be created to migrate the Language settings page to Jetpack Compose since it’s too large to fit within the same PR.

Related issue

#247

[github-actions]

Thank you for the pull request!

The Scribe team will do our best to address your contribution as soon as we can. The following is a checklist for maintainers to make sure this process goes as well as possible. Feel free to address the points below yourself in further commits if you realize that actions are needed :)

If you're not already a member of our public Matrix community, please consider joining! We'd suggest using Element as your Matrix client, and definitely join the General and Android rooms once you're in. Also consider joining our bi-weekly Saturday dev syncs. It'd be great to have you!

Maintainer checklist

• The linting and formatting workflows within the PR checks do not indicate new errors in the files changed

• The CHANGELOG has been updated with a description of the changes for the upcoming release and the corresponding issue (if necessary)

[angrezichatterbox]

Happy to make changes to any visual detail that I might have missed while migrating to Jetpack Compose.

[andrewtavis]

Generally all's looking really good, @angrezichatterbox :) One thing I'm seeing is that the divider line for language sub menus isn't quite right? Should be more in the middle? See below:

Aside from that, would you suggest that the toggles change style as they have? The new versions have a cta orange outline if they're not active rather than just a grey background, and there's also padding around the circular interactive element of the toggle, where before it there was no padding. Happy to hear your feedback on this and we can go from there! Would just be good to make sure that iOS and Android are the same, but we can work on it :)

[angrezichatterbox]

Generally all's looking really good, @angrezichatterbox :) One thing I'm seeing is that the divider line for language sub menus isn't quite right? Should be more in the middle? See below:

Aside from that, would you suggest that the toggles change style as they have? The new versions have a cta orange outline if they're not active rather than just a grey background, and there's also padding around the circular interactive element of the toggle, where before it there was no padding. Happy to hear your feedback on this and we can go from there! Would just be good to make sure that iOS and Android are the same, but we can work on it :)

So currently I am directly using Material Switches I would make it to use the earlier switch. I missed it during the migration. I would also make the divider towards the centre. Thanks :)

[angrezichatterbox]

I have tried to make it as similar as possible to the earlier switches. If at all it feels not so similar Happy to make custom switches to make it even more similar.

[andrewtavis]

Thanks so much for the word here, @angrezichatterbox! In looking at the toggle designs I made the new versions are much better than the old ones 😊 Thanks for the attention to detail here and continuing the migration!