fix: resolve TypeScript errors in migrated components

apps/web/src/app/(authenticated)/settings/domains/page.tsx

@@ -3,9 +3,9 @@
 import { useState, useEffect } from "react";
 import type { Domain } from "@mosaic/shared";
 import { DomainList } from "@/components/domains/DomainList";
-import { fetchDomains, createDomain, updateDomain, deleteDomain } from "@/lib/api/domains";
+import { fetchDomains, deleteDomain } from "@/lib/api/domains";
 
-export default function DomainsPage(): JSX.Element {
+export default function DomainsPage(): React.ReactElement {
   const [domains, setDomains] = useState<Domain[]>([]);
   const [isLoading, setIsLoading] = useState<boolean>(true);
   const [error, setError] = useState<string | null>(null);

apps/web/src/app/(authenticated)/settings/personalities/page.tsx

@@ -25,7 +25,7 @@ import {
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
 
-export default function PersonalitiesPage(): JSX.Element {
+export default function PersonalitiesPage(): React.ReactElement {
   const [personalities, setPersonalities] = useState<Personality[]>([]);
   const [selectedPersonality, setSelectedPersonality] = useState<Personality | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(true);

apps/web/src/app/demo/gantt/page.tsx

@@ -11,7 +11,7 @@ import { TaskStatus, TaskPriority, type Task } from "@mosaic/shared";
  * This page demonstrates the GanttChart component with sample data
  * showing various task states, durations, and interactions.
  */
-export default function GanttDemoPage(): JSX.Element {
+export default function GanttDemoPage(): React.ReactElement {
   // Sample tasks for demonstration
   const baseTasks: Task[] = [
     {