Updates UI arrows to match look and feel

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017DUU6CnxECCDeqDNYJgr5x

src/components/palette/DevicePalette.tsx

@@ -3,6 +3,7 @@ import { allDeviceCategories, allDeviceTemplates, hiddenBuiltInDeviceTemplates }
 import type { DeviceTemplate } from '../../domain/types'
 import { useProjectStore } from '../../state/projectStore'
 import { TEMPLATE_DRAG_MIME } from '../canvas/FlowCanvas'
+import Chevron from '../common/Chevron'
 import ConnectorLibraryModal from './ConnectorLibraryModal'
 import DeviceTemplateEditor from './DeviceTemplateEditor'
 
@@ -110,9 +111,7 @@ export default function DevicePalette() {
                 className="flex w-full items-center justify-between rounded px-1.5 py-1 text-left text-xs font-medium text-slate-600 hover:bg-slate-100"
               >
                 <span className="flex items-center gap-1.5">
-                  <span className={`inline-block text-[9px] text-slate-400 transition-transform ${expanded ? 'rotate-90' : ''}`}>
-                    ▶
-                  </span>
+                  <Chevron expanded={expanded} className="text-slate-400" />
                   {group.categoryName}
                 </span>
                 <span className="text-[10px] text-slate-400">{group.templates.length}</span>
@@ -176,7 +175,7 @@ export default function DevicePalette() {
             <span>
               {hiddenListOpen ? 'Hide' : 'Show'} hidden defaults ({hiddenDefaults.length})
             </span>
-            <span className={`inline-block text-[9px] transition-transform ${hiddenListOpen ? 'rotate-90' : ''}`}>▶</span>
+            <Chevron expanded={hiddenListOpen} className="text-slate-500" />
           </button>
           {hiddenListOpen && (
             <ul className="mt-1 space-y-1">