OZG-6423 OZG-6975 Fix circular deps

* Improve button-toggle-group

alfa-client/libs/design-component/src/lib/form/button-toggle-group/button-toggle-group.component.ts

 import { CommonModule } from '@angular/common';
-import { Component, ContentChildren, QueryList } from '@angular/core';
+import { AfterContentInit, Component, ContentChildren, QueryList } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import { ButtonToggleComponent } from '@ods/system';
 import { FormControlEditorAbstractComponent } from '../formcontrol-editor.abstract.component';
@@ -15,7 +15,7 @@ import { FormControlEditorAbstractComponent } from '../formcontrol-editor.abstra
     <ng-content></ng-content>
   </div>`,
 })
-export class ButtonToggleGroupComponent extends FormControlEditorAbstractComponent {
+export class ButtonToggleGroupComponent extends FormControlEditorAbstractComponent implements AfterContentInit {
   @ContentChildren(ButtonToggleComponent) buttonToggles!: QueryList<ButtonToggleComponent>;
 
   ngAfterContentInit(): void {
@@ -29,13 +29,13 @@ export class ButtonToggleGroupComponent extends FormControlEditorAbstractCompone
     };
   }
 
-  isValueSelected(): (value: string) => boolean {
-    const formControl: FormControl = this.fieldControl;
-    return (value: string) => formControl.value === value;
-  }
-
   passPropsToChild(toggleButton: ButtonToggleComponent): void {
     toggleButton.onClick = this.setFormControlValue(toggleButton.value);
     toggleButton.isSelected = this.isValueSelected();
   }
+
+  isValueSelected(): (value: string) => boolean {
+    const formControl: FormControl = this.fieldControl;
+    return (value: string) => formControl.value === value;
+  }
 }

alfa-client/libs/design-system/src/lib/attachment-header/attachment-header.stories.ts

 import { argsToTemplate, moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
 
-import { DownloadButtonComponent } from '../../../../design-component/src/lib/download-button/download-button.component';
-
 import { AttachmentComponent } from '../attachment/attachment.component';
+import { SaveIconComponent } from '../icons/save-icon/save-icon.component';
 import { AttachmentHeaderComponent } from './attachment-header.component';
 
 const meta: Meta<AttachmentHeaderComponent> = {
@@ -17,7 +16,7 @@ const meta: Meta<AttachmentHeaderComponent> = {
   },
   decorators: [
     moduleMetadata({
-      imports: [AttachmentHeaderComponent, AttachmentComponent, DownloadButtonComponent],
+      imports: [AttachmentHeaderComponent, AttachmentComponent, SaveIconComponent],
     }),
   ],
   excludeStories: /.*Data$/,
@@ -39,7 +38,9 @@ export const Default: Story = {
   render: (args) => ({
     props: args,
     template: `<ods-attachment-header ${argsToTemplate(args)}>
-        <ods-download-button action-buttons />
+        <button action-buttons>
+          <ods-save-icon size="small" class="fill-text" />
+        </button>
     </ods-attachment-header>`,
   }),
 };

alfa-client/libs/design-system/src/lib/attachment-wrapper/attachment-wrapper.stories.ts

 import { moduleMetadata, type Meta, type StoryObj } from '@storybook/angular';
 
-import { DownloadButtonComponent } from '../../../../design-component/src/lib/download-button/download-button.component';
-
 import { AttachmentHeaderComponent } from '../attachment-header/attachment-header.component';
 import { AttachmentComponent } from '../attachment/attachment.component';
+import { SaveIconComponent } from '../icons/save-icon/save-icon.component';
 import { AttachmentWrapperComponent } from './attachment-wrapper.component';
 
 const meta: Meta<AttachmentWrapperComponent> = {
@@ -18,12 +17,7 @@ const meta: Meta<AttachmentWrapperComponent> = {
   },
   decorators: [
     moduleMetadata({
-      imports: [
-        AttachmentWrapperComponent,
-        AttachmentComponent,
-        DownloadButtonComponent,
-        AttachmentHeaderComponent,
-      ],
+      imports: [AttachmentWrapperComponent, AttachmentComponent, SaveIconComponent, AttachmentHeaderComponent],
     }),
   ],
   excludeStories: /.*Data$/,
@@ -37,7 +31,9 @@ export const Default: Story = {
   render: () => ({
     template: `<ods-attachment-wrapper>
         <ods-attachment-header title="Anhänge">
-          <ods-download-button action-buttons />
+          <button action-buttons>
+            <ods-save-icon size="small" class="fill-text" />
+          </button>
         </ods-attachment-header>
         <ods-attachment caption="Attachment" description="200 kB" fileType="pdf"></ods-attachment>
         <ods-attachment caption="Second attachment" description="432 kB" fileType="doc"></ods-attachment>