fix: add standalone property on components (#103)

## PR Checklist

Please check if your PR fulfills the following requirements:

<!--- [ ] Tests for the changes have been added (for bug
fixes/features)-->

- [ ] Docs have been added/updated (for bug fixes/features)

## PR Type

What kind of change does this PR introduce?

<!-- Please check the one that applies to this PR using "x". -->

- [x] Bugfix
- [ ] Feature
- [ ] Code style update (formatting, local variables)
- [ ] Refactoring (no functional changes, no API changes)
- [ ] Build related changes
- [ ] CI-related changes
- [ ] Documentation content changes
- [ ] Other... Please describe:

## Issue Number

<!-- Bugs and features must be linked to an issue. -->

Issue Number: N/A

## Does this PR introduce a breaking change?

<!-- If this PR contains a breaking change, please describe the impact
and migration path for existing applications below. -->

- [ ] Yes
- [x] No

## Other information

@coderabbitai summary

libs/flowbite-angular/accordion/accordion-title.component.ts

@@ -44,6 +44,7 @@ export const accordionTitleDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/accordion/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent, NgTemplateOutlet],
   selector: 'flowbite-accordion-title',
   template: `

libs/flowbite-angular/alert/alert.component.ts

@@ -92,6 +92,7 @@ export const alertDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/alerts/
  */
 @Component({
+  standalone: true,
   imports: [NgTemplateOutlet, IconComponent],
   selector: 'flowbite-alert',
   template: `

libs/flowbite-angular/breadcrumb/breadcrumb-item.component.ts

@@ -36,6 +36,7 @@ export const breadcrumbItemDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/breadcrumb/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-breadcrumb-item',
   template: `

libs/flowbite-angular/button/button.component.ts

@@ -94,6 +94,7 @@ export const buttonDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/buttons/
  */
 @Component({
+  standalone: true,
   imports: [NgTemplateOutlet],
   selector: 'flowbite-button',
   template: `

libs/flowbite-angular/dark-theme-toggle/dark-theme-toggle.component.ts

@@ -33,6 +33,7 @@ export const darkThemeToggleDefaultValueProvider = makeEnvironmentProviders([
  * Use to toggle light/dark mode accross the site
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-dark-theme-toggle',
   template: `

libs/flowbite-angular/dropdown/dropdown.component.ts

@@ -62,6 +62,7 @@ export const dropdownDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/dropdowns/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-dropdown',
   template: `

libs/flowbite-angular/icon/icon.component.ts

@@ -20,8 +20,8 @@ import {
 import { take } from 'rxjs';
 
 @Component({
-  selector: 'flowbite-icon',
   standalone: true,
+  selector: 'flowbite-icon',
   template: `<ng-content />`,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,

libs/flowbite-angular/modal/modal-header.component.ts

@@ -34,6 +34,7 @@ export const modalHeaderDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/modal/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-modal-header',
   template: `

libs/flowbite-angular/navbar/navbar-brand.component.ts

@@ -30,8 +30,8 @@ export const navbarBrandDefaultThemeProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/navbar/
  */
 @Component({
-  selector: 'flowbite-navbar-brand',
   standalone: true,
+  selector: 'flowbite-navbar-brand',
   template: `<ng-content />`,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,

libs/flowbite-angular/navbar/navbar-content.component.ts

@@ -33,8 +33,8 @@ export const navbarContentDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/navbar/
  */
 @Component({
-  selector: 'flowbite-navbar-content',
   standalone: true,
+  selector: 'flowbite-navbar-content',
   template: `
     <div [class]="contentClasses().navbarContentListClass">
       <ng-content />

libs/flowbite-angular/navbar/navbar-icon-button.component.ts

@@ -32,8 +32,8 @@ export const navbarIconButtonDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/navbar/
  */
 @Component({
-  selector: 'flowbite-navbar-icon-button',
   standalone: true,
+  selector: 'flowbite-navbar-icon-button',
   template: `<ng-content />`,
   encapsulation: ViewEncapsulation.None,
   changeDetection: ChangeDetectionStrategy.OnPush,

libs/flowbite-angular/navbar/navbar-item.component.ts

@@ -33,8 +33,8 @@ export const navbarItemDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/navbar/
  */
 @Component({
-  selector: 'flowbite-navbar-item',
   standalone: true,
+  selector: 'flowbite-navbar-item',
   template: `<ng-content />`,
   host: {
     '(click)': 'onClick()',

libs/flowbite-angular/navbar/navbar-toggle.component.ts

@@ -33,6 +33,7 @@ export const navbarToggleDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/navbar/
  */
 @Component({
+  standalone: true,
   selector: 'flowbite-navbar-toggle',
   imports: [IconComponent],
   template: `

libs/flowbite-angular/scroll-top/scroll-top.component.ts

@@ -63,6 +63,7 @@ export const scrollTopDefaultValueProvider = makeEnvironmentProviders([
  * Provide a way to go at the top of the page via a button
  */
 @Component({
+  standalone: true,
   selector: 'flowbite-scroll-top',
   imports: [IconComponent, NgTemplateOutlet],
   template: `

libs/flowbite-angular/sidebar/sidebar-item-group.component.ts

@@ -37,6 +37,7 @@ export const sidebarItemGroupDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/sidebar/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-sidebar-item-group',
   template: `

libs/flowbite-angular/sidebar/sidebar-item.component.ts

@@ -52,6 +52,7 @@ export const sidebarItemDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/sidebar/
  */
 @Component({
+  standalone: true,
   imports: [SanitizeHtmlPipe, BadgeComponent],
   selector: 'flowbite-sidebar-item',
   template: `

libs/flowbite-angular/sidebar/sidebar-toggle.component.ts

@@ -55,6 +55,7 @@ export const sidebarToggleDefaultValueProvider = makeEnvironmentProviders([
  * @see https://flowbite.com/docs/components/sidebar/
  */
 @Component({
+  standalone: true,
   imports: [IconComponent],
   selector: 'flowbite-sidebar-toggle',
   template: `<flowbite-icon svgIcon="flowbite-angular:bars" />`,