crossfade player enhancements, reorganize settings

src/shared/components/select/select.tsx

@@ -11,7 +11,9 @@ export interface SelectProps extends MantineSelectProps {
 }
 
 export const Select = ({
+    allowDeselect = false,
     classNames,
+    clearable = false,
     maxWidth,
     variant = 'default',
     width,
@@ -19,14 +21,17 @@ export const Select = ({
 }: SelectProps) => {
     return (
         <MantineSelect
+            allowDeselect={allowDeselect || clearable}
             classNames={{
                 dropdown: styles.dropdown,
                 input: styles.input,
                 label: styles.label,
                 option: styles.option,
                 root: styles.root,
+                section: styles.section,
                 ...classNames,
             }}
+            clearable={false}
             style={{ maxWidth, width }}
             variant={variant}
             withCheckIcon={false}