TT-382 Changes in report datatable (#763)

* refactor: TT-382 change in the range of report records

* refactor: TT-382 configuration of the dom and lengthMenu of the datatable

* refactor: TT-382 changes in the lengthMenu property of the datatable

Author: JosueOb

src/app/modules/reports/components/time-entries-table/time-entries-table.component.ts

@@ -15,9 +15,13 @@ import { getReportDataSource } from '../../../time-clock/store/entry.selectors';
   styleUrls: ['./time-entries-table.component.scss'],
 })
 export class TimeEntriesTableComponent implements OnInit, OnDestroy, AfterViewInit {
+  selectOptionValues = [15, 30, 50, 100, -1];
+  selectOptionNames = [15, 30, 50, 100, 'All'];
   dtOptions: any = {
     scrollY: '590px',
-    dom: 'Bfrtip',
+    dom: '<"d-flex justify-content-between"B<"d-flex"<"mr-5"l>f>>rtip',
+    pageLength: 30,
+    lengthMenu: [this.selectOptionValues, this.selectOptionNames],
     buttons: [
       {
         extend: 'colvis',