Use drawer instead of dropdown menu for mobile settings (#10761)

* Separate settings items so layout is more consistent

* Convert settings on mobile to drawer

* Fix sizing on mobile and make scrollable

* remove padding

* Use dialog instead of popover

* Don't focus on first item

* Simpler tab fix

web/src/App.tsx

@@ -25,7 +25,7 @@ function App() {
     <Providers>
       <BrowserRouter>
         <Wrapper>
-          <div className="size-full pt-2 overflow-hidden">
+          <div className="size-full overflow-hidden">
             {isDesktop && <Sidebar />}
             {isDesktop && <Statusbar />}
             {isMobile && <Bottombar />}