[API] filter for favorite events (#4737)

* [API] filter for favorite events

*  Added /api/events filter for favorite (retain_indefinitely) events

* New Star button to filter for favorite events on the Events page

* fix python formatting

* keep Events favorite button to right side

web/src/routes/Events.jsx

@@ -58,6 +58,7 @@ export default function Events({ path, ...props }) {
     labels: props.labels ?? 'all',
     zones: props.zones ?? 'all',
     sub_labels: props.sub_labels ?? 'all',
+    favorites: props.favorites ?? 0,
   });
   const [state, setState] = useState({
     showDownloadMenu: false,
@@ -334,7 +335,14 @@ export default function Events({ path, ...props }) {
               onSelectSingle={(item) => onFilter("sub_labels", item)}
             />
           )}
-        <div ref={datePicker} className="ml-auto">
+          
+        <StarRecording
+          className="h-10 w-10 text-yellow-300 cursor-pointer ml-auto"
+          onClick={() => onFilter("favorites", searchParams.favorites ? 0 : 1)}
+          fill={searchParams.favorites == 1 ? 'currentColor' : 'none'}
+        />
+          
+        <div ref={datePicker} className="ml-right">
           <CalendarIcon
             className="h-8 w-8 cursor-pointer"
             onClick={() => setState({ ...state, showDatePicker: true })}