Untitled

return (
    <div className="flex flex-col bg-gray-200 w-[34rem] h-full rounded p-5 gap-3">
      <div className="flex flex-row justify-between text-center">
        <p className="font-bold text-xl">{translation.page.management.changeGuildmark}</p>
      </div>
      <div className="flex flex-col gap-5 ">
        <p>
        {translation.page.management.dimensionMessage}
        </p>
        <p className="text-red-600 text-xs font-medium">
        {translation.page.management.guildmarkWarning}
        </p>
        <div className="flex flex-col items-center gap-5 ">
          {account?.characters.map((character: any, id: any) => (
            <div
              className="flex flex-row text-xs w-full items-center justify-between "
              key={id}
            >
              <div className="w-20 ">
                <p>{character.nickname}</p>
              </div>
              <div className="w-20 ">
                <p>{character.guild}</p>
              </div>
              <div className="w-20 ">
                {character.isLeader === true ? (
                  <p className="text-blue-700 cursor-pointer">{translation.page.management.changeGuildmarkButton}</p>
                ) : (
                  <p className="text-gray-500 cursor-not-allowed">
                    {translation.page.management.changeGuildmarkButton}
                  </p>
                )}
              </div>
            </div>
          ))}
        </div>
        <div className="flex flex-row justify-between text-center">
          <p className="font-bold text-xl">{translation.page.management.changePasswordTitle}</p>
        </div>
        <p>{translation.page.management.oldPassword}</p>
        <input
          type="password"
          className="border-2 border-gray-400 rounded w-56"
        />
        <p>{translation.page.management.newPassword}</p>
        <input
          type="password"
          className="border-2 border-gray-400 rounded w-56"
        />
        <p>{translation.page.management.newPasswordConfirm}</p>
        <input
          type="password"
          className="border-2 border-gray-400 rounded w-56"
        />
        <button
          type="submit"
          className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded-md"
        >
          {translation.page.management.changePassword}
        </button>
      </div>
    </div>
  );