[Feature] Support more form factors

### Is there an existing issue for this?

- [X] I have searched the existing issues

### Feature type

User interface/User experience

### Problem

The app currently doesn't look too good on bigger form factors such as tablets, foldable devices, etc; as well as phones on landscape mode.

There's also now a lint design warning suggesting _not_ to use the [bottom app bar pattern](https://m3.material.io/components/bottom-app-bar) on landscape devices.

### Description

We should consider using the [Navigation Rail Material Design component](https://m3.material.io/components/navigation-rail/overview) on bigger form factors, and keep the usual [bottom app bar](https://m3.material.io/components/bottom-app-bar) on smaller devices.

### Alternatives?

While we're adopting Compose as per #368, we could consider using the [newly introduced Compose Material3 adaptive library](https://developer.android.com/jetpack/androidx/releases/compose-material3#compose_material3_adaptive_version_10_2) and/or [Compose Material3 Adaptive Navigation Suite library](https://developer.android.com/jetpack/androidx/releases/compose-material3#compose_material3_adaptive_navigation_suite_version_10_2).

For an example reference, we could take a look at [this blog post](https://evowizz.dev/blog/first-look-m3-compose-adaptive), written in Aug 2023, a few months before the first alpha was released.

### Additional info

_No response_