[Feature] Support more form factors

[EdricChan03]

Is there an existing issue for this?

• 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 on landscape devices.

Description

We should consider using the Navigation Rail Material Design component on bigger form factors, and keep the usual 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 and/or Compose Material3 Adaptive Navigation Suite library.

For an example reference, we could take a look at this blog post, written in Aug 2023, a few months before the first alpha was released.

Additional info

No response