fix(ui): mobile responsiveness pass + dashboard polish

- Topbar: responsive padding, hidden search text/shortcuts on mobile,
  hidden domain picker on mobile, notifications dropdown prevents overflow
- App layout: responsive main content padding (p-3 md:p-6)
- Daily Notes: stack calendar sidebar above editor on mobile
- Notes/Graph/Templates: remove negative margins causing horizontal overflow
- Tasks: add overflow-x-auto to table, responsive saved views select
- Habits: card actions stack below on mobile
- Calendar: view buttons wrap on narrow screens
- Projects: responsive status filter width
- Project detail: task creation row stacks on mobile
- Settings: shortcut rows stack on mobile
- Dashboard: improved widget card borders, spacing, and content overflow

apps/web/src/routes/_app/graph.tsx

@@ -338,7 +338,7 @@ function GraphPage() {
   }, []);
 
   return (
-    <div className="flex h-[calc(100vh-8rem)] -m-4 md:-m-6">
+    <div className="flex h-[calc(100vh-8rem)]">
       {/* Graph canvas area */}
       <div ref={containerRef} className="flex-1 relative bg-muted/20">
         {/* Toolbar */}