Fix web select warnings due to refs

front/packages/primitives/src/select.web.tsx

@@ -77,7 +77,7 @@ export const Select = ({
 						})}
 					>
 						<P {...css({ textAlign: "center" }, "text")}>{<RSelect.Value />}</P>
-						<RSelect.Icon asChild>
+						<RSelect.Icon>
 							<Icon icon={ExpandMore} />
 						</RSelect.Icon>
 					</View>
@@ -100,7 +100,7 @@ export const Select = ({
 										maxHeight: "calc(var(--radix-dropdown-menu-content-available-height) * 0.8)",
 									})}
 								>
-									<RSelect.ScrollUpButton asChild>
+									<RSelect.ScrollUpButton>
 										<Icon icon={ExpandLess} />
 									</RSelect.ScrollUpButton>
 									<RSelect.Viewport>
@@ -108,7 +108,7 @@ export const Select = ({
 											<Item key={x} label={getLabel(x)} value={x} />
 										))}
 									</RSelect.Viewport>
-									<RSelect.ScrollDownButton asChild>
+									<RSelect.ScrollDownButton>
 										<Icon icon={ExpandMore} />
 									</RSelect.ScrollDownButton>
 								</RSelect.Content>

front/packages/ui/src/settings/playback.tsx

@@ -18,7 +18,6 @@
  * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
  */
 
-import { setUserTheme, useAccount } from "@kyoo/models";
 import { Select } from "@kyoo/primitives";
 import { useTranslation } from "react-i18next";
 import { Preference, SettingsContainer, useSetting } from "./base";