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/directives/scrollable/scrollable.directive.ts

@@ -1,6 +1,7 @@
 import { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';
 
 @Directive({
+  standalone: true,
   selector: '[cnslScrollable]',
 })
 export class ScrollableDirective {
@@ -15,7 +16,6 @@ export class ScrollableDirective {
       const top = event.target.scrollTop;
       const height = this.el.nativeElement.scrollHeight;
       const offset = this.el.nativeElement.offsetHeight;
-
       // emit bottom event
       if (top > height - offset - 1) {
         this.scrollPosition.emit('bottom');

console/src/app/directives/scrollable/scrollable.module.ts

@@ -1,11 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
-
-import { ScrollableDirective } from './scrollable.directive';
-
-@NgModule({
-  declarations: [ScrollableDirective],
-  imports: [CommonModule],
-  exports: [ScrollableDirective],
-})
-export class ScrollableModule {}