fix: resolve TypeScript errors in migrated components

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);