Add selectors

src/components/dashboard/bestsellingwidget.ts

@@ -5,6 +5,7 @@ import { MenuModule } from 'primeng/menu';
 
 @Component({
   standalone:true,
+    selector: 'app-best-selling-widget',
   imports: [
     CommonModule,
     ButtonModule,

src/components/dashboard/notificationswidget.ts

@@ -4,6 +4,7 @@ import { MenuModule } from 'primeng/menu';
 
 @Component({
     standalone:true,
+    selector: 'app-notifications-widget',
     imports: [
         ButtonModule,
         MenuModule,
@@ -55,5 +56,8 @@ import { MenuModule } from 'primeng/menu';
     </div>`,
 })
 export class NotificationsWidget {
-
+    items = [
+        { label: 'Add New', icon: 'pi pi-fw pi-plus' },
+        { label: 'Remove', icon: 'pi pi-fw pi-trash' }
+    ];
 }

src/components/dashboard/recentsaleswidget.ts

@@ -8,6 +8,7 @@ import { ProductService } from '@/src/app/demo/service/product.service';
 
 @Component({
     standalone:true,
+    selector: 'app-recent-sales-widget',
     imports: [
         CommonModule,
         TableModule,

src/components/dashboard/revenuestreamwidget.ts

@@ -5,6 +5,7 @@ import { LayoutService } from '@/src/app/layout/service/app.layout.service';
 
 @Component({
     standalone:true,
+    selector: 'app-revenue-stream-widget',
     imports: [
         ChartModule,
     ],

src/components/dashboard/statswidget.ts

@@ -3,6 +3,7 @@ import { CommonModule } from '@angular/common';
 
 @Component({
     standalone:true,
+    selector: 'app-stats-widget',
     imports: [CommonModule],
     template: `<div class="col-12 lg:col-6 xl:col-3">
         <div class="card mb-0">