Added sorting, started on paging

src/components/table/table.component.ts

@@ -1,15 +1,41 @@
 import { CommonModule } from '@angular/common';
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { Header } from '../../models/header';
+import {
+  faSort,
+  faSortDown,
+  faSortUp,
+} from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { SORT } from '../../enums/sort';
+import { Result } from '../../models/result';
+import { Page } from '../../models/page';
 
 @Component({
   selector: 'fbi-table',
   standalone: true,
-  imports: [CommonModule],
+  imports: [CommonModule, FontAwesomeModule],
   templateUrl: './table.component.html',
   styleUrl: './table.component.scss',
 })
 export class TableComponent {
-  @Input() headers!: Header[];
-  @Input() rows!: Record<string, any>[];
+  @Input() data!: Result;
+
+  @Output() page = new EventEmitter<Page>();
+  @Output() sort = new EventEmitter<Header>();
+
+  faSortDown = faSortDown;
+  faSortUp = faSortUp;
+  faSort = faSort;
+  SORT = SORT;
+
+  onPage(event: MouseEvent): void {
+    event.stopPropagation();
+    this.page.emit();
+  }
+
+  onSort(event: MouseEvent, header: Header): void {
+    event.stopPropagation();
+    this.sort.emit(header);
+  }
 }