refactor: releases table-related code and fix for #158 (#159)

* refactor(APIClient): updated the newly added findQuery function to use URLSearchParams instead of manually crafting the URI string itself.

* refactor: moved duplicate dashboard/release code to a separate folder: components/data-table.

* refactor(SlideOver): added proper typings to the SlideOver component and added a sanity check to prevent passing of null/undefined values to the child component before rendering.

* refactor: removed the redundant Network and Channel typings and updated relevant typings to match the backend. adapted relevant code to match these changes.

* fix(ChannelsFieldArray): fixed a bug where it was unable to add a new irc network due to the validation object being initialized as non-empty (formik requires that successful validated entries return empty objects)

* refactor(screens/settings/Irc): replaced incorrect typings, sanitized potentially null values and cleaned up the code.

* fix: included changes should fix issue #158 as well.

* feat: send chan empty array

web/src/screens/dashboard/Stats.tsx

@@ -0,0 +1,48 @@
+import { useQuery } from "react-query";
+import { APIClient } from "../../api/APIClient";
+
+interface StatsItemProps {
+    name: string;
+    value?: number;
+}
+
+const StatsItem = ({ name, value }: StatsItemProps) => (
+  <div
+      className="relative px-4 pt-5 pb-2 overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800 sm:pt-6 sm:px-6"
+      title="All time"
+  >
+      <dt>
+          <p className="pb-1 text-sm font-medium text-gray-500 truncate">{name}</p>
+      </dt>
+
+      <dd className="flex items-baseline pb-6 sm:pb-7">
+          <p className="text-2xl font-semibold text-gray-900 dark:text-gray-200">{value}</p>
+      </dd>
+  </div>
+)
+
+export const Stats = () => {
+  const { isLoading, data } = useQuery(
+      "dash_release_stats",
+      () => APIClient.release.stats(),
+      { refetchOnWindowFocus: false }
+  );
+
+  if (isLoading)
+      return null;
+
+  return (
+      <div>
+          <h3 className="text-2xl font-medium leading-6 text-gray-900 dark:text-gray-200">
+              Stats
+          </h3>
+
+          <dl className="grid grid-cols-1 gap-5 mt-5 sm:grid-cols-2 lg:grid-cols-3">
+              <StatsItem name="Filtered Releases" value={data?.filtered_count} />
+              {/* <StatsItem name="Filter Rejected Releases" stat={data?.filter_rejected_count} /> */}
+              <StatsItem name="Rejected Pushes" value={data?.push_rejected_count} />
+              <StatsItem name="Approved Pushes" value={data?.push_approved_count} />
+          </dl>
+      </div>
+  )
+}