feat: Sort behaviors by label (#75)

* Make it a bit easier to select the behavior you want by sorting
  the list alphabetically by the label.

Author: petejohanson

src/behaviors/BehaviorBindingPicker.tsx

@@ -54,6 +54,11 @@ export const BehaviorBindingPicker = ({
     [behaviorId, behaviors]
   );
 
+  const sortedBehaviors = useMemo(
+    () => behaviors.sort((a, b) => a.displayName.localeCompare(b.displayName)),
+    [behaviors]
+  );
+
   useEffect(() => {
     if (
       binding.behaviorId === behaviorId &&
@@ -106,7 +111,7 @@ export const BehaviorBindingPicker = ({
             setParam2(0);
           }}
         >
-          {behaviors.map((b) => (
+          {sortedBehaviors.map((b) => (
             <option key={b.id} value={b.id}>
               {b.displayName}
             </option>