moved habits and quizzes to pet page

app/(app)/avatar/page.tsx

@@ -8,8 +8,7 @@ export default function AvatarPage() {
     <AppShell
       title="Your bit"
       description="Watch your digital self roam, breathe, and react to how you care for yourself."
-      fillViewport
-      centered
+      wide
     >
       <Suspense fallback={<p className="text-sm text-muted-foreground">Loading...</p>}>
         <AvatarPageContent />

app/(app)/daily/quiz/page.tsx

@@ -1,13 +1,7 @@
-import { DailyQuizForm } from "@/components/daily-quiz/daily-quiz-form";
-import { AppShell } from "@/components/layout/app-shell";
+import { redirect } from "next/navigation";
+
+import { routes } from "@/lib/routes";
 
 export default function DailyQuizPage() {
-  return (
-    <AppShell
-      title="Daily quiz"
-      description="Complete your once-per-day wellness sliders and journal."
-    >
-      <DailyQuizForm />
-    </AppShell>
-  );
+  redirect(`${routes.avatar}#bit-daily-quiz`);
 }

app/(app)/habits/page.tsx

@@ -1,13 +1,7 @@
-import { HabitTracker } from "@/components/habits/habit-tracker";
-import { AppShell } from "@/components/layout/app-shell";
+import { redirect } from "next/navigation";
+
+import { routes } from "@/lib/routes";
 
 export default function HabitsPage() {
-  return (
-    <AppShell
-      title="Habits"
-      description="Complete today's tasks and manage your habit list."
-    >
-      <HabitTracker mode="all" />
-    </AppShell>
-  );
+  redirect(`${routes.avatar}#bit-daily-tasks`);
 }

app/globals.css

@@ -147,6 +147,15 @@
     @apply flex min-h-0 w-full flex-1 flex-col items-center justify-center;
   }
 
+  /* Bit home: same pet stage height as fillViewport layout (header + main padding accounted for). */
+  .bit-home-pet-stage {
+    @apply pet-viewport-stage flex w-full flex-col items-center justify-center;
+    min-height: calc(
+      100dvh - var(--app-topbar-height) - var(--app-nav-offset) -
+        env(safe-area-inset-top, 0px) - 11rem
+    );
+  }
+
   .tamagotchi-shell-fill {
     @apply flex min-h-0 w-full max-w-4xl flex-1 flex-col;
   }