fix(button): use animationFrameScheduler in place of requestAnimationFrame

Closes #16638

Author: simeonoff

projects/igniteui-angular/src/lib/directives/button/button-base.ts

@@ -11,6 +11,7 @@ import {
     AfterViewInit,
 } from '@angular/core';
 import { PlatformUtil } from '../../core/utils';
+import { animationFrameScheduler } from 'rxjs';
 
 export const IgxBaseButtonType = {
     Flat: 'flat',
@@ -110,7 +111,7 @@ export abstract class IgxButtonBaseDirective implements AfterViewInit{
         if (this._platformUtil.isBrowser && !this._viewInit) {
             this._viewInit = true;
 
-            requestAnimationFrame(() => {
+            animationFrameScheduler.schedule(() => {
                 this.element.nativeElement.style.removeProperty('--_init-transition');
             });
         }