fix(deps): update dependency @tabler/icons-react to v3 (#215)

* fix(deps): update dependency @tabler/icons-react to v3

* fix: type issues caused by removal of TablerIconProps

---------

Co-authored-by: homarr-renovate[bot] <158783068+homarr-renovate[bot]@users.noreply.github.com>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

apps/nextjs/src/app/[locale]/(main)/integrations/_integration-secret-icons.ts

@@ -1,12 +1,9 @@
 import type { IntegrationSecretKind } from "@homarr/definitions";
-import type { TablerIconsProps } from "@homarr/ui";
+import type { TablerIcon } from "@homarr/ui";
 import { IconKey, IconPassword, IconUser } from "@homarr/ui";
 
 export const integrationSecretIcons = {
   username: IconUser,
   apiKey: IconKey,
   password: IconPassword,
-} satisfies Record<
-  IntegrationSecretKind,
-  (props: TablerIconsProps) => JSX.Element
->;
+} satisfies Record<IntegrationSecretKind, TablerIcon>;

apps/nextjs/src/app/[locale]/boards/[name]/settings/page.tsx

@@ -4,7 +4,7 @@ import { api } from "@homarr/api/server";
 import { capitalize } from "@homarr/common";
 import type { TranslationObject } from "@homarr/translation";
 import { getScopedI18n } from "@homarr/translation/server";
-import type { TablerIconsProps } from "@homarr/ui";
+import type { TablerIcon } from "@homarr/ui";
 import {
   AccordionControl,
   AccordionItem,
@@ -84,7 +84,7 @@ export default async function BoardSettingsPage({
 
 type AccordionItemForProps = PropsWithChildren<{
   value: keyof TranslationObject["board"]["setting"]["section"];
-  icon: (props: TablerIconsProps) => JSX.Element;
+  icon: TablerIcon;
   danger?: boolean;
   noPadding?: boolean;
 }>;

apps/nextjs/src/components/board/sections/category/category-menu.tsx

@@ -4,7 +4,7 @@ import React, { useMemo } from "react";
 import { useAtomValue } from "jotai";
 
 import { useScopedI18n } from "@homarr/translation/client";
-import type { TablerIconsProps } from "@homarr/ui";
+import type { TablerIcon } from "@homarr/ui";
 import {
   ActionIcon,
   IconDotsVertical,
@@ -120,7 +120,7 @@ const useNonEditModeActions = (_category: CategorySection) => {
 };
 
 interface ActionDefinition {
-  icon: (props: TablerIconsProps) => JSX.Element;
+  icon: TablerIcon;
   label: string;
   onClick: () => void;
   color?: string;

apps/nextjs/src/components/layout/navigation.tsx

@@ -1,4 +1,4 @@
-import type { TablerIconsProps } from "@homarr/ui";
+import type { TablerIcon } from "@homarr/ui";
 import { AppShellNavbar, AppShellSection, ScrollArea } from "@homarr/ui";
 
 import type { ClientNavigationLink } from "./navigation-link";
@@ -51,7 +51,7 @@ export const MainNavigation = ({
 
 interface CommonNavigationLinkProps {
   label: string;
-  icon: (props: TablerIconsProps) => JSX.Element;
+  icon: TablerIcon;
 }
 
 interface NavigationLinkHref extends CommonNavigationLinkProps {