fix(ui): remove unsupported customizable select elements

Browsers strip <button> and <selectedcontent> inside <select>,
producing an empty element. Remove the malformed HTML and related
type declaration and CSS rule.

Author: johannesjo

src/components/ProjectSelect.tsx

@@ -15,9 +15,6 @@ export function ProjectSelect(props: ProjectSelectProps) {
       value={props.value ?? ''}
       onChange={(e) => props.onChange(e.currentTarget.value || null)}
     >
-      <button type="button">
-        <selectedcontent />
-      </button>
       <Show when={props.placeholder}>
         <option value="" disabled hidden>
           {props.placeholder}

src/styles.css

@@ -481,10 +481,6 @@ textarea::placeholder {
   cursor: pointer;
 }
 
-.project-select selectedcontent .project-color-dot {
-  margin-right: 4px;
-}
-
 .project-color-dot {
   display: inline-block;
   width: 9px;

src/vite-env.d.ts

@@ -1,13 +1 @@
 /// <reference types="vite/client" />
-
-// Chromium 133+ customizable <select> elements (appearance: base-select)
-// Safe in Electron — update type if a dedicated interface becomes available in the spec
-declare module 'solid-js' {
-  namespace JSX {
-    interface IntrinsicElements {
-      selectedcontent: HTMLAttributes<HTMLElement>;
-    }
-  }
-}
-
-export {};