authentication fix

src/components/Auth.tsx

@@ -34,7 +34,10 @@ export const AuthCallback = (props: { onSuccess: () => void }) => {
                 <form onSubmit={handleLogin} class="space-y-4">
                     <div class="space-y-2">
                         <input
+                            id="email"
+                            name="email"
                             type="email"
+                            autocomplete="email"
                             placeholder="Email"
                             value={email()}
                             onInput={(e) => setEmail(e.currentTarget.value)}
@@ -44,7 +47,10 @@ export const AuthCallback = (props: { onSuccess: () => void }) => {
                     </div>
                     <div class="space-y-2">
                         <input
+                            id="password"
+                            name="password"
                             type="password"
+                            autocomplete="current-password"
                             placeholder="Password"
                             value={password()}
                             onInput={(e) => setPassword(e.currentTarget.value)}

src/components/Layout.tsx

@@ -61,10 +61,12 @@ export const Layout: Component<LayoutProps> = (props) => {
                     </div>
                 )}
 
-                <main class="flex-1 overflow-auto p-4 md:p-8 pt-4 pb-20 md:pb-8 scroll-smooth relative z-0">
-                    {props.children}
+                {/* Main Content Area */}
+                <main class="flex-1 overflow-y-auto overflow-x-hidden p-4 sm:p-6 lg:p-8 pb-32 sm:pb-6">
+                    <div class="max-w-5xl mx-auto w-full">
+                        {props.children}
+                    </div>
                 </main>
-
                 {/* Mobile Bottom Nav */}
                 <BottomNav currentView={props.currentView} setView={props.setView} />
             </div>

src/components/QuickEntry.tsx

@@ -154,6 +154,8 @@ export const QuickEntry: Component = () => {
                             <Search class="text-muted-foreground mr-3" size={20} />
                             <TextField class="flex-1">
                                 <TextFieldInput
+                                    id="quick-entry-input"
+                                    name="task-title"
                                     ref={inputRef}
                                     value={input()}
                                     onInput={(e) => setInput(e.currentTarget.value)}

src/components/TaskDetail.tsx

@@ -78,6 +78,8 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
                 {/* Header Area */}
                 <div class="px-6 pt-6 pb-2 shrink-0">
                     <textarea
+                        id="task-detail-title"
+                        name="task-title"
                         value={title()}
                         onInput={(e) => {
                             updateTitle(e.currentTarget.value);
@@ -160,6 +162,8 @@ export const TaskDetail: Component<TaskDetailProps> = (props) => {
                         <div class="flex items-center gap-1 text-muted-foreground group relative shrink-0 min-w-0 flex-1 sm:flex-initial">
                             <Calendar size={14} class="group-hover:text-primary transition-colors shrink-0" />
                             <input
+                                id="task-detail-date"
+                                name="due-date"
                                 type="datetime-local"
                                 value={dateString()}
                                 onInput={onDateInputChange}