Responsive settings dialog

[NagariaHussain]

Use the pattern here to create a responsive dialog: https://ui.shadcn.com/docs/components/base/drawer

Also, the horizontal tabs don't scroll (since there are more tabs now)

Check apps/hive for implementation of this

[NagariaHussain]

Complete: Responsive Settings Dialog

Settings dialog now uses the responsive pattern from apps/hive (commit fb9c5e7):

What's done:

• Drawer on mobile (<768px) — bottom sheet with drag handle, swipe-to-dismiss
• Dialog on desktop (>=768px) — centered modal with vertical sidebar tabs (unchanged)
• Horizontal tabs scroll on mobile — overflow-x-auto with hidden scrollbar, all 4 tabs accessible
• vaul library added as dependency for Drawer component
• SettingsContent extracted as shared component rendered inside both Drawer and Dialog

Pattern:

if (isMobile) {
  return <Drawer>...<SettingsContent isMobile={true} />...</Drawer>
}
return <Dialog>...<SettingsContent isMobile={false} />...</Dialog>

Tested on both desktop (1280x720) and mobile (375x812) viewports.