feat: add crud for integrations (#11)

* wip: add crud for services and integrations

* feat: remove services

* feat: move integration definitions to homarr/definitions, add temporary test connection solution without actual request

* feat: add integration count badge

* feat: add translation for integrations

* feat: add notifications and translate them

* feat: add notice to integration forms about test connection

* chore: fix ci check issues

* feat: add confirm modals for integration deletion and secret card cancellation, change ordering for list page, add name property to integrations

* refactor: move revalidate path action

* chore: fix ci check issues

* chore: install missing dependencies

* chore: fix ci check issues

* chore: address pull request feedback

packages/ui/src/components/count-badge.module.css

@@ -0,0 +1,11 @@
+.badge {
+  @mixin light {
+    --badge-bg: rgba(30, 34, 39, 0.08);
+    --badge-color: var(--mantine-color-black);
+  }
+
+  @mixin dark {
+    --badge-bg: #363c44;
+    --badge-color: var(--mantine-color-white);
+  }
+}

packages/ui/src/components/count-badge.tsx

@@ -0,0 +1,11 @@
+import { Badge } from "@mantine/core";
+
+import classes from "./count-badge.module.css";
+
+interface CountBadgeProps {
+  count: number;
+}
+
+export const CountBadge = ({ count }: CountBadgeProps) => {
+  return <Badge className={classes.badge}>{count}</Badge>;
+};

packages/ui/src/components/index.tsx

@@ -0,0 +1 @@
+export * from "./count-badge";

packages/ui/src/index.ts

@@ -2,6 +2,8 @@ import type { MantineProviderProps } from "@mantine/core";
 
 import { theme } from "./theme";
 
+export * from "./components";
+
 export const uiConfiguration = {
   theme,
 } satisfies MantineProviderProps;