chore: bump version to 2.20.1 in package.json and refactor layout and… (#404)

* chore: bump version to 2.20.1 in package.json and refactor layout and form components

- Incremented application version from 2.20.0 to 2.20.1 in package.json.
- Refactored RootLayout to optimize asynchronous calls and introduced getRootClassName function for better class management.
- Updated font handling in getFontsClassName function to streamline class generation.
- Enhanced various authentication form components by replacing Input with EmailInput and PasswordInput for improved consistency and usability.
- Adjusted layout styles in AuthLayoutShell and other components for better responsiveness.

* fix: improve content rendering fallback logic in ContentRenderer component

- Enhanced the ContentRenderer function to explicitly check for the presence of a renderer before returning content.
- Added a fallback mechanism to return raw content as React nodes when no renderer is found, improving robustness and user experience.

packages/features/auth/src/components/update-password-form.tsx

@@ -15,16 +15,16 @@ import { Button } from '@kit/ui/button';
 import {
   Form,
   FormControl,
+  FormDescription,
   FormField,
   FormItem,
-  FormLabel,
   FormMessage,
 } from '@kit/ui/form';
 import { Heading } from '@kit/ui/heading';
-import { Input } from '@kit/ui/input';
 import { Trans } from '@kit/ui/trans';
 
 import { PasswordResetSchema } from '../schemas/password-reset.schema';
+import { PasswordInput } from './password-input';
 
 export function UpdatePasswordForm(params: {
   redirectTo: string;
@@ -72,22 +72,13 @@ export function UpdatePasswordForm(params: {
             toast.success(t('account:updatePasswordSuccessMessage'));
           })}
         >
-          <div className={'flex-col space-y-4'}>
+          <div className={'flex-col space-y-2.5'}>
             <FormField
               name={'password'}
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>
-                    <Trans i18nKey={'common:password'} />
-                  </FormLabel>
-
                   <FormControl>
-                    <Input
-                      required
-                      type="password"
-                      autoComplete={'new-password'}
-                      {...field}
-                    />
+                    <PasswordInput autoComplete={'new-password'} {...field} />
                   </FormControl>
 
                   <FormMessage />
@@ -99,14 +90,14 @@ export function UpdatePasswordForm(params: {
               name={'repeatPassword'}
               render={({ field }) => (
                 <FormItem>
-                  <FormLabel>
-                    <Trans i18nKey={'common:repeatPassword'} />
-                  </FormLabel>
-
                   <FormControl>
-                    <Input required type="password" {...field} />
+                    <PasswordInput autoComplete={'new-password'} {...field} />
                   </FormControl>
 
+                  <FormDescription>
+                    <Trans i18nKey={'common:repeatPassword'} />
+                  </FormDescription>
+
                   <FormMessage />
                 </FormItem>
               )}