Change default pageSize to 10 records

frontend/src/app/quotes/quotes.component.html

@@ -53,7 +53,7 @@
 
     </mat-table>
 
-    <mat-paginator [length]="dataSource?.count$ | async" [pageSize]="20"
+    <mat-paginator [length]="dataSource?.count$ | async" [pageSize]="10"
                    [pageSizeOptions]="[10, 20, 50, 100]"></mat-paginator>
 
 </div>

frontend/src/app/quotes/quotes.component.ts

@@ -53,7 +53,7 @@ export class QuotesComponent implements OnInit, AfterViewInit {
 
     ngOnInit() {
         this.dataSource = new QuotesDataSource(this.quotesService);
-        this.dataSource.loadQuotes('', 'date', 'desc', 0, 20);
+        this.dataSource.loadQuotes('', 'date', 'desc', 0, 10);
     }
 
     ngAfterViewInit() {

frontend/src/app/services/quotes.service.ts

@@ -21,7 +21,7 @@ export class QuotesService {
 
     findQuotes(
         filter = '', sortBy = 'date', sortOrder = 'desc',
-        pageNumber = 0, pageSize = 20): Observable<Quotes> {
+        pageNumber = 0, pageSize = 10): Observable<Quotes> {
 
         return this.http.get('/quotes/api/quotes', {
             observe: 'response',