Feature: calendar widget (#2077)

* Implemented calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added lidarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added radarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added readarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* Added sonarr events to calendar

Signed-off-by: Denis Papec <denis.papec@gmail.com>

* fix sonarr series title

* integrations

* fix bad setstate call

* handle user sets includeSeries: false for sonarr

* Translate radarr release strings

* Support all widths

* readarr get author

* Finished first day in week config

Signed-off-by: Denis Papec <denis.papec@gmail.com>

---------

Signed-off-by: Denis Papec <denis.papec@gmail.com>
Co-authored-by: shamoon <4887959+shamoon@users.noreply.github.com>

src/widgets/calendar/integrations/readarr.jsx

@@ -0,0 +1,37 @@
+import { DateTime } from "luxon";
+import { useEffect, useContext } from "react";
+
+import useWidgetAPI from "../../../utils/proxy/use-widget-api";
+import { EventContext } from "../../../utils/contexts/calendar";
+import Error from "../../../components/services/widget/error";
+
+export default function Integration({ config, params }) {
+  const { setEvents } = useContext(EventContext);
+  const { data: readarrData, error: readarrError } = useWidgetAPI(config, "calendar",
+    { ...params, includeAuthor: 'true', ...config?.params ?? {} },
+  );
+
+  useEffect(() => {
+    if (!readarrData || readarrError) {
+      return;
+    }
+
+    const eventsToAdd = {};
+
+    readarrData?.forEach(event => {
+      const authorName = event.author?.authorName ?? event.authorTitle.replace(event.title, '');
+      const title = `${authorName} - ${event.title} ${event?.seriesTitle ? `(${event.seriesTitle})` : ''} `;
+
+      eventsToAdd[title] = {
+        title,
+        date: DateTime.fromISO(event.releaseDate),
+        color: config?.color ?? 'rose'
+      };
+    })
+
+    setEvents((prevEvents) => ({ ...prevEvents, ...eventsToAdd }));
+  }, [readarrData, readarrError, config, setEvents]);
+
+  const error = readarrError ?? readarrData?.error;
+  return error && <Error error={{ message: `${config.type}: ${error.message ?? error}`}} />
+}