src/login/pages/FrontchannelLogout.tsx

@@ -4,7 +4,7 @@ import type { PageProps } from "keycloakify/login/pages/PageProps";
 import type { KcContext } from "../KcContext";
 import type { I18n } from "../i18n";
 
-const { Paragraph } = Typography;
+const { Title, Paragraph } = Typography;
 
 export default function FrontchannelLogout(props: PageProps<Extract<KcContext, { pageId: "frontchannel-logout.ftl" }>, I18n>) {
     const { kcContext, i18n, doUseDefaultCss, Template, classes } = props;

src/login/pages/Login.tsx

@@ -8,7 +8,7 @@ import * as FaIcons from "react-icons/fa6"; // Import all FA6 icons dynamically
 import type { IconType } from "react-icons";
 import { useState } from "react";
 
-const { Text, Link } = Typography;
+const { Title, Text, Link } = Typography;
 
 export default function Login(props: PageProps<Extract<KcContext, { pageId: "login.ftl" }>, I18n>) {
     const { kcContext, i18n, Template } = props;
@@ -41,7 +41,7 @@ export default function Login(props: PageProps<Extract<KcContext, { pageId: "log
         form.submit(); // Simulate actual form submission
     };
 
-    const { social, realm, url, usernameHidden, login, auth, registrationDisabled } = kcContext;
+    const { social, realm, url, usernameHidden, login, auth, registrationDisabled, client } = kcContext;
 
     const { msg, msgStr } = i18n;
 

src/login/pages/LoginOauthGrant.tsx

@@ -2,7 +2,7 @@ import { useState } from "react";
 import { PageProps } from "keycloakify/login/pages/PageProps";
 import { KcContext } from "../KcContext";
 import type { I18n } from "../i18n";
-import { Typography, Space, List, Button, Flex, Alert } from "antd";
+import { Typography, Space, List, Button, Flex, Divider, Alert } from "antd";
 
 const { Text, Link } = Typography;
 

src/login/pages/LoginUsername.tsx

@@ -7,14 +7,14 @@ import { kcSanitize } from "keycloakify/lib/kcSanitize";
 import * as FaIcons from "react-icons/fa6";
 import type { IconType } from "react-icons";
 
-const { Text, Link } = Typography;
+const { Title, Text, Link } = Typography;
 
 export default function LoginUsername(props: PageProps<Extract<KcContext, { pageId: "login-username.ftl" }>, I18n>) {
     const { kcContext, i18n, Template } = props;
     const [isLoading, setIsLoading] = useState(false);
     const [form] = Form.useForm();
 
-    const { social, realm, url, usernameHidden, login, registrationDisabled } = kcContext;
+    const { social, realm, url, usernameHidden, login, registrationDisabled, client } = kcContext;
     const { msg, msgStr } = i18n;
 
     // Function to dynamically fetch the correct icon

src/login/pages/LogoutConfirm.tsx

@@ -4,7 +4,7 @@ import type { KcContext } from "../KcContext";
 import type { I18n } from "../i18n";
 import { useState } from "react";
 
-const { Text, Link } = Typography;
+const { Title, Text, Link } = Typography;
 
 export default function LogoutConfirm(props: PageProps<Extract<KcContext, { pageId: "logout-confirm.ftl" }>, I18n>) {
     const { kcContext, i18n, Template } = props;

src/login/pages/Register.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { Form, Button, Checkbox, Typography, Space, FormProps, FormItemProps } from "antd";
+import { Form, Button, Checkbox, Typography, Space, Divider, FormProps, FormItemProps } from "antd";
 import type { JSX } from "keycloakify/tools/JSX";
 import type { LazyOrNot } from "keycloakify/tools/LazyOrNot";
 import { kcSanitize } from "keycloakify/lib/kcSanitize";

src/login/pages/Terms.tsx

@@ -4,7 +4,7 @@ import type { KcContext } from "../KcContext";
 import type { I18n } from "../i18n";
 import { useState } from "react";
 
-const { Paragraph } = Typography;
+const { Title, Paragraph } = Typography;
 
 export default function Terms(props: PageProps<Extract<KcContext, { pageId: "terms.ftl" }>, I18n>) {
     const { kcContext, i18n, Template } = props;

src/login/pages/WebauthnAuthenticate.tsx

@@ -6,7 +6,7 @@ import type { KcContext } from "../KcContext";
 import type { I18n } from "../i18n";
 import { useScript } from "keycloakify/login/pages/WebauthnAuthenticate.useScript";
 
-const { Text, Link } = Typography;
+const { Title, Text, Link } = Typography;
 
 // Define interfaces for better TypeScript support
 interface Authenticator {
@@ -24,7 +24,7 @@ export default function WebauthnAuthenticate(props: PageProps<Extract<KcContext,
 
     const [isLoading, setIsLoading] = React.useState(false);
 
-    const { url, realm, registrationDisabled, authenticators, shouldDisplayAuthenticators, message } = kcContext;
+    const { url, realm, registrationDisabled, authenticators, shouldDisplayAuthenticators, client, message } = kcContext;
 
     const { msg, msgStr, advancedMsg } = i18n;