fix(console): infinite scrolling for org context (#7965)

* add scroll directive, iterative loading

* sorting column

* fix: filter

* batch of 100, max height 350px

* cleanup

console/src/app/modules/changes/changes.module.ts

@@ -6,7 +6,6 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { TranslateModule } from '@ngx-translate/core';
-import { ScrollableModule } from 'src/app/directives/scrollable/scrollable.module';
 import { HasRolePipeModule } from 'src/app/pipes/has-role-pipe/has-role-pipe.module';
 import { LocalizedDatePipeModule } from 'src/app/pipes/localized-date-pipe/localized-date-pipe.module';
 import { TimestampToDatePipeModule } from 'src/app/pipes/timestamp-to-date-pipe/timestamp-to-date-pipe.module';
@@ -18,7 +17,6 @@ import { ChangesComponent } from './changes.component';
   declarations: [ChangesComponent],
   imports: [
     CommonModule,
-    ScrollableModule,
     MatProgressSpinnerModule,
     TranslateModule,
     MatIconModule,
@@ -30,6 +28,6 @@ import { ChangesComponent } from './changes.component';
     MatTooltipModule,
     AvatarModule,
   ],
-  exports: [ChangesComponent, ScrollableModule],
+  exports: [ChangesComponent],
 })
 export class ChangesModule {}