fix: selection component

- kobalte update broke previous selection component

Author: ZanzyTHEbar

GUI/ETVR/src/components/Selection/index.tsx

@@ -1,6 +1,6 @@
 import { Select } from '@kobalte/core'
 import { FaSolidCheck } from 'solid-icons/fa'
-import { HiSolidSelector } from 'solid-icons/hi'
+import { TbSelector } from 'solid-icons/tb'
 import { type Component, createSignal } from 'solid-js'
 import './styles.css'
 
@@ -25,11 +25,10 @@ const Selection: Component<SelectionProps> = (props) => {
         <Select.Root
             name={props.name}
             value={value()}
-            onValueChange={handleChange}
+            onChange={handleChange}
             defaultValue={props.defaultValue}
             options={props.options}
             placeholder={props.placeholder}
-            valueComponent={(props) => props.item.rawValue}
             itemComponent={(props) => (
                 <Select.Item item={props.item} class="select__item">
                     <Select.ItemLabel>{props.item.rawValue}</Select.ItemLabel>
@@ -39,9 +38,11 @@ const Selection: Component<SelectionProps> = (props) => {
                 </Select.Item>
             )}>
             <Select.Trigger class="select__trigger" aria-label="ESP_Boards">
-                <Select.Value class="select__value" />
+                <Select.Value class="select__value">
+                    {(state) => state.selectedOption() as Element}
+                </Select.Value>
                 <Select.Icon class="select__icon">
-                    <HiSolidSelector />
+                    <TbSelector />
                 </Select.Icon>
             </Select.Trigger>
             <Select.Description>{props.description}</Select.Description>

GUI/ETVR/src/store/context/ui/index.tsx

@@ -22,7 +22,7 @@ interface AppUIContext {
 
 const AppUIContext = createContext<AppUIContext>()
 export const AppUIProvider: Component<Context> = (props) => {
-    const defaultState = {
+    const defaultState: UiStore = {
         loader: { [loaderType.MDNS_CONNECTING]: false, [loaderType.REST_CLIENT]: false },
         connecting: false,
         openModal: false,