fix: garden ui polish - form styles, back nav, species dropdown, upload limit

src/modules/garden/components/species-search.tsx

@@ -83,13 +83,13 @@ export function SpeciesSearch({ onSelect, initialValue = "" }: Props) {
       </div>
 
       {isOpen && results.length > 0 && (
-        <ul className="absolute z-50 w-full mt-1 bg-[var(--surface-1)] border border-[var(--ink-faint)] rounded-md shadow-lg max-h-52 overflow-auto">
+        <ul className="absolute z-50 w-full mt-1 bg-[var(--card)] border border-[var(--hair-2)] rounded-md shadow-lg max-h-52 overflow-auto">
           {results.map((s) => (
             <li key={s.id}>
               <button
                 type="button"
                 onClick={() => handleSelect(s)}
-                className="w-full text-left px-3 py-2 hover:bg-[var(--surface-2)] text-sm"
+                className="w-full text-left px-3 py-2 hover:bg-[var(--paper-2)] text-sm text-[var(--ink)]"
               >
                 <span className="font-medium">{s.common_name}</span>
                 {s.scientific_name && (