Begin migration of remaining screens to Lua

lua/main_menu.lua

@@ -1,6 +1,5 @@
 local lvgl = require("lvgl")
 local widgets = require("widgets")
-local legacy_ui = require("legacy_ui")
 local database = require("database")
 local backstack = require("backstack")
 local browser = require("browser")
@@ -8,21 +7,7 @@ local playing = require("playing")
 local theme = require("theme")
 
 return function()
-  local menu = {}
-  menu.root = lvgl.Object(nil, {
-    flex = {
-      flex_direction = "column",
-      flex_wrap = "wrap",
-      justify_content = "flex-start",
-      align_items = "flex-start",
-      align_content = "flex-start",
-    },
-    w = lvgl.HOR_RES(),
-    h = lvgl.VER_RES(),
-  })
-  menu.root:center()
-
-  menu.status_bar = widgets.StatusBar(menu.root, { transparent_bg = true })
+  local menu = widgets.MenuScreen({})
 
   menu.list = lvgl.List(menu.root, {
     w = lvgl.PCT(100),
@@ -52,7 +37,7 @@ return function()
 
   local settings = menu.list:add_btn(nil, "Settings")
   settings:onClicked(function()
-    legacy_ui.open_settings();
+    backstack.push(require("settings").root)
   end)
   settings:add_style(theme.list_item)