feat(user): add search in new tab preference (#2125)

packages/widgets/src/app/ping/ping-dot.tsx

@@ -1,7 +1,7 @@
 import type { MantineColor } from "@mantine/core";
 import { Box, Tooltip } from "@mantine/core";
 
-import { clientApi } from "@homarr/api/client";
+import { useSettings } from "@homarr/settings";
 import type { TablerIcon } from "@homarr/ui";
 
 interface PingDotProps {
@@ -11,7 +11,7 @@ interface PingDotProps {
 }
 
 export const PingDot = ({ color, tooltip, ...props }: PingDotProps) => {
-  const [pingIconsEnabled] = clientApi.user.getPingIconsEnabledOrDefault.useSuspenseQuery();
+  const { pingIconsEnabled } = useSettings();
 
   return (
     <Box bottom="2.5cqmin" right="2.5cqmin" pos="absolute">

packages/widgets/src/calendar/component.tsx

@@ -8,6 +8,7 @@ import dayjs from "dayjs";
 import type { RouterOutputs } from "@homarr/api";
 import { clientApi } from "@homarr/api/client";
 import type { CalendarEvent } from "@homarr/integrations/types";
+import { useSettings } from "@homarr/settings";
 
 import type { WidgetComponentProps } from "../definition";
 import { CalendarDay } from "./calender-day";
@@ -58,7 +59,7 @@ interface CalendarBaseProps {
 const CalendarBase = ({ isEditMode, events, month, setMonth, options }: CalendarBaseProps) => {
   const params = useParams();
   const locale = params.locale as string;
-  const [firstDayOfWeek] = clientApi.user.getFirstDayOfWeekForUserOrDefault.useSuspenseQuery();
+  const { firstDayOfWeek } = useSettings();
 
   return (
     <Calendar