fix: iOS layout — blank header, hidden FAB, and sheet snap position

- Index.tsx: pass title/icon to PageLayout so IosPageHeader shows
  "Dashboard" in the center nav bar; remove the page's own inline h1
  which was doubling the heading and leaving the iOS header blank
- NewTaskForm: add fab-nav-offset CSS class so the floating + button
  clears the MobileNav (64px) plus safe-area-inset-bottom on iOS;
  was hidden behind the nav at the previous bottom-20 (80px) offset
- adaptive-dialog: control vaul activeSnapPoint so drawers open at the
  first snap point immediately rather than requiring the user to swipe
  up from a near-zero peek height; resets to snapPoints[0] each time
  the dialog opens
- pwa.css: add .fab-nav-offset rule under @supports iOS selector

https://claude.ai/code/session_014br3fcYa3SDmGjBHnDYZec

Author: claude

public/pwa.css

@@ -220,6 +220,13 @@ body {
   overscroll-behavior: contain;
 }
 
+/* Lift the floating action button above the mobile nav + home indicator on iOS */
+@supports (-webkit-touch-callout: none) {
+  .fab-nav-offset {
+    bottom: calc(5rem + env(safe-area-inset-bottom, 0px)) !important;
+  }
+}
+
 /* iOS page transition: subtle slide-in from the right on route change */
 @supports (-webkit-touch-callout: none) {
   .page-transition-enter {

src/components/NewTaskForm.tsx

@@ -68,7 +68,7 @@ export const NewTaskForm: React.FC<NewTaskFormProps> = ({ onSubmit, defaultOpen
       <Button
         variant="default"
         onClick={() => setIsOpen(true)}
-        className="fixed bottom-20 md:bottom-6 right-6 w-16 h-16 rounded-full text-white text-md shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center z-50 hover:scale-110"
+        className="fixed bottom-20 fab-nav-offset md:bottom-6 right-6 w-16 h-16 rounded-full text-white text-md shadow-2xl hover:shadow-3xl transition-all duration-200 flex items-center justify-center z-50 hover:scale-110"
         aria-label="New Task"
       >
         <Plus style={{ fontSize: "1.5rem", width: "1.5rem", height: "1.5rem" }} />

src/components/ui/adaptive-dialog.tsx

@@ -32,9 +32,25 @@ export const AdaptiveDialog = ({
 	children,
 	snapPoints,
 }: AdaptiveDialogProps) => {
+	const [activeSnapPoint, setActiveSnapPoint] = React.useState<number | string | null>(
+		snapPoints?.[0] ?? null
+	)
+
+	React.useEffect(() => {
+		if (open) {
+			setActiveSnapPoint(snapPoints?.[0] ?? null)
+		}
+	}, [open]) // snapPoints are static per dialog instance
+
 	if (isIosBuild) {
 		return (
-			<Drawer open={open} onOpenChange={onOpenChange} snapPoints={snapPoints}>
+			<Drawer
+				open={open}
+				onOpenChange={onOpenChange}
+				snapPoints={snapPoints}
+				activeSnapPoint={activeSnapPoint}
+				setActiveSnapPoint={setActiveSnapPoint}
+			>
 				{children}
 			</Drawer>
 		)

src/pages/Index.tsx

@@ -73,22 +73,14 @@ const TimeTrackerContent = () => {
 	}
 
 	return (
-		<PageLayout>
+		<PageLayout title="Dashboard" icon={<DashboardIcon className="w-6 h-6" />}>
 			<div className="max-w-6xl mx-auto pt-4 pb-6 px-4 md:p-6 print:p-4 space-y-6">
 				<StartDayDialog
 					isOpen={showStartDayDialog}
 					onClose={() => setShowStartDayDialog(false)}
 					onStartDay={handleStartDayWithDateTime}
 				/>
 
-				{/* Dashboard header */}
-				<div className="flex items-center justify-between">
-					<h1 className="md:text-2xl font-bold text-foreground flex items-center space-x-1">
-						<DashboardIcon className="w-6 h-6 mr-1" />
-						<span>Dashboard</span>
-					</h1>
-				</div>
-
 				{/* Stats (always visible) */}
 				{!isDayStarted && (
 					<div className="grid grid-cols-1 md:grid-cols-3 gap-4 print:hidden">