fix stories

Author: siltomato

src/SIL.XForge.Scripture/ClientApp/.storybook/preview.ts

@@ -9,6 +9,8 @@ import { I18nService } from 'xforge-common/i18n.service';
 import { APP_ROOT_ELEMENT_SELECTOR, InAppRootOverlayContainer } from 'xforge-common/overlay-container';
 import { getI18nLocales } from 'xforge-common/utils';
 import docJson from '../documentation.json';
+import { provideSFTabs } from '../src/app/shared/sf-tab-group';
+import { provideUICommon } from '../src/xforge-common/ui-common-providers';
 
 setCompodocJson(docJson);
 
@@ -43,6 +45,8 @@ export const decorators = [
     providers: [
       provideI18nStory(),
       provideAnimations(),
+      provideUICommon(),
+      provideSFTabs(),
       { provide: APP_ROOT_ELEMENT_SELECTOR, useValue: 'storybook-root' },
       { provide: OverlayContainer, useClass: InAppRootOverlayContainer }
     ]

src/SIL.XForge.Scripture/ClientApp/src/app/shared/sf-tab-group/sf-tabs-providers.ts

@@ -1,9 +1,9 @@
-import { Provider } from '@angular/core';
+import { EnvironmentProviders, makeEnvironmentProviders } from '@angular/core';
 import { NoopTabAddRequestService, TabAddRequestService } from './base-services/tab-add-request.service';
 
 /**
  * Provides the default TabAddRequestService implementation for SF tabs.
  */
-export function provideSFTabs(): Provider[] {
-  return [{ provide: TabAddRequestService, useClass: NoopTabAddRequestService }];
+export function provideSFTabs(): EnvironmentProviders {
+  return makeEnvironmentProviders([{ provide: TabAddRequestService, useClass: NoopTabAddRequestService }]);
 }

src/SIL.XForge.Scripture/ClientApp/src/app/shared/sf-tab-group/tab-group.stories.ts

@@ -4,7 +4,6 @@ import { Meta, moduleMetadata, StoryObj } from '@storybook/angular';
 import { Observable, of } from 'rxjs';
 import { v4 as uuid } from 'uuid';
 import {
-  provideSFTabs,
   TabComponent,
   TabFactoryService,
   TabGroup,
@@ -68,7 +67,6 @@ export default {
     moduleMetadata({
       imports: [TabGroupComponent, TabComponent, TabHeaderDirective, SFTabGroupStoriesComponent],
       providers: [
-        provideSFTabs(),
         TabStateService<string, TabInfo<string>>,
         {
           provide: TabMenuService,