refactor(examples): rename large data set example

src/app/app-routing.module.ts

@@ -9,9 +9,10 @@ export const routes: Routes = [
   },
   // Basic
   {
-    path: '10k-rows',
-    data: { title: '10k Rows', sourcePath: 'basic/10k-rows.component.ts' },
-    loadComponent: () => import('./basic/10k-rows.component').then(c => c.TenKRowsComponent)
+    path: 'large-data-set',
+    data: { title: 'Large Data Set', sourcePath: 'basic/large-data-set.component.ts' },
+    loadComponent: () =>
+      import('./basic/large-data-set.component').then(c => c.LargeDataSetComponent)
   },
   {
     path: 'full-screen',

src/app/app.component.html

@@ -21,7 +21,7 @@ <h4>Documentation</h4>
         <h4>Basic</h4>
         <ul>
           <li>
-            <a routerLink="10k-rows">10k Rows</a>
+            <a routerLink="large-data-set">Large Data Set</a>
           </li>
           <li>
             <a routerLink="full-screen">Full Screen</a>

src/app/basic/10k-rows.component.ts → src/app/basic/large-data-set.component.ts

@@ -11,7 +11,7 @@ import { FullEmployee } from '../data.model';
 import { DataService } from '../data.service';
 
 @Component({
-  selector: 'ten-k-rows-demo',
+  selector: 'large-data-set-demo',
   imports: [
     DatatableComponent,
     DataTableColumnDirective,
@@ -62,7 +62,7 @@ import { DataService } from '../data.service';
     </ngx-datatable>
   `
 })
-export class TenKRowsComponent {
+export class LargeDataSetComponent {
   private dataService = inject(DataService);
   readonly rows = signal<(FullEmployee & { height: number })[]>([]);
   readonly scrollTarget = signal(0);