add loading animation

src/app/ui/forms/login-form.tsx

@@ -96,8 +96,18 @@ export default function LoginForm() {
 					{t('forgot-password')}?
 				</a>
 			</div>
-			<button type="submit" className={`${styles['btn']}`}>
-				{t('sign-in')}
+			<button
+				type="submit"
+				className={`${styles['btn']}`}
+				disabled={isPending}
+			>
+				{isPending ? (
+					<div className="loading-animation">
+						<div className="global-spinner"></div>
+					</div>
+				) : (
+					t("sign-in")
+				)}
 			</button>
 		</form>
 	)

src/app/ui/forms/register-form.tsx

@@ -432,8 +432,18 @@ export default function RegisterForm() {
 						{t(formState?.error?.server)}
 					</p>
 				)}
-				<button type="submit" className={`${styles['btn']}`}>
-					{t('create-an-account')}
+				<button
+					type="submit"
+					className={`${styles['btn']}`}
+					disabled={isPending}
+				>
+					{isPending ? (
+						<div className="loading-animation">
+							<div className="global-spinner"></div>
+						</div>
+					) : (
+						t("create-an-account")
+					)}
 				</button>
 			</form >
 		</>

src/app/ui/settings/company-users-setting-panel.tsx

@@ -304,8 +304,18 @@ export function CompanyUsersSettingPanel() {
 						</p>
 					)}
 
-					<button type="submit" className="btn btn-primary">
-						Добавить пользователя
+					<button
+						type="submit"
+						className={`${styles['btn']}`}
+						disabled={isPending}
+					>
+						{isPending ? (
+							<div className="loading-animation">
+								<div className="global-spinner"></div>
+							</div>
+						) : (
+							"Добавить пользователя"
+						)}
 					</button>
 				</form>
 			</div>