refactor(mobile): app settings

[shenlong-tanwen]

Changes made:

• Refactored the mobile app settings into sections

Settings	Timeline settings

Landscape Settings	Landscape Light theme

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	59037fc
Status:	⚡️  Build in progress...

View logs

[alextran1502]

Hi @shenlong-tanwen, thank you for the PR. The separation is nice! I changed the styling of text a little bigger to make things easier to read.

One bug I found is that changing the value inside Timeline settings doesn't change the grid behavior. For example, change the group by effect or Number of assets per row doesn't actually change the behavior of the timeline. Probably the changes don't get propagated to the AssetGrid level

[shenlong-tanwen]

One bug I found is that changing the value inside Timeline settings doesn't change the grid behavior. For example, change the group by effect or Number of assets per row doesn't actually change the behavior of the timeline. Probably the changes don't get propagated to the AssetGrid level

Great catch. Fixed now :) The issue was that we used to invalidate the appSettingsServiceProvider on timeline settings change which resulted in the main timeline getting rebuild. This was missed in the refactor so the change was pushed up until the next rebuild. Fixed now by invalidating the provider