add feedback button on all CSC pages

my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.ts

@@ -0,0 +1,88 @@
+import {Component} from '@angular/core';
+import {FormsModule} from '@angular/forms';
+
+@Component({
+  selector: 'sae-feedback-button',
+  imports: [
+    FormsModule
+  ],
+  templateUrl: './feedback-button.html',
+  styleUrl: './feedback-button.css'
+})
+
+export class FeedbackButton {
+  isModalOpen: boolean = false;
+  feedbackText: string = '';
+  isSubmitting: boolean = false;
+  submitSuccess: boolean = false;
+  submitError: boolean = false;
+
+  // constructor(
+    // private store: Store<StateInterface>,
+    // private apiService: ApiService
+  // ) {
+  // }
+
+  toggleModal() {
+    this.isModalOpen = !this.isModalOpen;
+
+    // Reset state when opening modal
+    if (this.isModalOpen) {
+      this.feedbackText = '';
+      this.submitSuccess = false;
+      this.submitError = false;
+    }
+
+    // Update app state to show/hide feedback panel
+    // this.store.dispatch({
+    //   type: ActionTypes.UPDATE_APP,
+    //   payload: {
+    //     displayFeedBackPanel: this.isModalOpen,
+    //     feedBackInput: this.feedbackText
+    //   }
+    // });
+  }
+
+  async submitFeedback() {
+    if (!this.feedbackText.trim()) {
+      return; // Don't submit empty feedback
+    }
+
+    this.isSubmitting = true;
+    this.submitSuccess = false;
+    this.submitError = false;
+
+    try {
+      // Update Redux state with feedback text
+      // this.store.dispatch({
+      //   type: ActionTypes.UPDATE_APP,
+      //   payload: {
+      //     feedBackInput: this.feedbackText
+      //   }
+      // });
+      //
+      // // Dispatch action to send feedback
+      // this.store.dispatch({
+      //   type: ActionTypes.SEND_USER_FEEDBACK,
+      //   payload: {
+      //     feedback: this.feedbackText
+      //   }
+      // });
+      //
+      // // Call API service directly
+      // await this.apiService.sendUserFeedback(this.feedbackText);
+
+      this.submitSuccess = true;
+
+      // Close modal after a short delay
+      setTimeout(() => {
+        this.toggleModal();
+      }, 2000);
+    } catch (error) {
+      console.error('Error submitting feedback:', error);
+      this.submitError = true;
+    } finally {
+      this.isSubmitting = false;
+    }
+  }
+}