fix debugger option types

Author: javiert-okta

src/features/common/models/debugger-picker-option.model.ts

@@ -1,10 +1,7 @@
 import { LibraryFilterLabel } from "@/features/libraries/models/library-filters.model";
 
 export interface DebuggerPickerOptionModel {
-  label: LibraryFilterLabel;
-  options: {
-    value: any;
-    label: string;
-    isDisabled?: boolean
-  }[];
+  value: any;
+  label: string | LibraryFilterLabel;
+  isDisabled?: boolean;
 }

src/features/debugger/components/debugger-alg-picker/debugger-alg-picker.component.tsx

@@ -11,14 +11,14 @@ import { useDecoderStore } from "@/features/decoder/services/decoder.store";
 import { useDebuggerStore } from "@/features/debugger/services/debugger.store";
 import { DebuggerWidgetValues } from "@/features/common/values/debugger-widget.values";
 import { DebuggerPickerComponent } from "@/features/common/components/debugger-picker/debugger-picker.component";
-import { DebuggerPickerOptionModel } from "@/features/common/models/debugger-picker-option.model";
 import {
   algDictionary,
   jwsExampleAlgHeaderParameterValuesDictionary,
 } from "@/features/common/values/jws-alg-header-parameter-values.dictionary";
 import { useButton } from "@react-aria/button";
 import { clsx } from "clsx";
 import { PrimaryFont } from "@/libs/theme/fonts";
+import { DebuggerPickerOptionModel } from "@/features/common/models/debugger-picker-option.model";
 
 enum PickerStates {
   IDLE = "IDLE",

src/features/libraries/components/library-hero/library-hero.component.tsx

@@ -14,6 +14,7 @@ import { LibrariesDictionaryModel } from "@/features/localization/models/librari
 import { DebuggerPickerComponent } from "@/features/common/components/debugger-picker/debugger-picker.component";
 import { LibraryFilterLabel } from "../../models/library-filters.model";
 import { DebuggerPickerOptionModel } from "@/features/common/models/debugger-picker-option.model";
+import { GroupBase } from "react-select";
 
 interface LibraryHeroComponentProps {
   languageCode: string;
@@ -75,12 +76,12 @@ export const LibraryHeroComponent: React.FC<LibraryHeroComponentProps> = ({
         label: "Algorithm",
         options: [...algorithmOptions],
       },
-    ] as DebuggerPickerOptionModel[];
+    ] as GroupBase<DebuggerPickerOptionModel>[];
   }, [
     categoryOptions,
     dictionary.filterPicker.defaultValue.label,
     dictionary.filterPicker.defaultValue.value,
-    algorithmOptions
+    algorithmOptions,
   ]);
 
   return (