fix: replaced isMobile with mantine hook

src/components/dnd/FunnelDnd/FunnelDnd.tsx

@@ -12,7 +12,6 @@ import {
     horizontalListSortingStrategy,
     SortableContext,
 } from "@dnd-kit/sortable";
-import { isMobile } from "react-device-detect";
 import Slider from "react-slick";
 import { Group } from "@mantine/core";
 import CreateStatusButton from "@/app/deals/components/CreateStatusButton/CreateStatusButton";
@@ -20,6 +19,7 @@ import useDndSensors from "@/app/deals/hooks/useSensors";
 import FunnelColumn from "@/components/dnd/FunnelDnd/FunnelColumn";
 import FunnelOverlay from "@/components/dnd/FunnelDnd/FunnelOverlay";
 import { BaseDraggable } from "@/components/dnd/types/types";
+import useIsMobile from "@/hooks/useIsMobile";
 import SortableItem from "../SortableItem";
 
 type Props<TContainer, TItem> = {
@@ -62,6 +62,7 @@ const FunnelDnd = <
     disabledColumns = false,
 }: Props<TContainer, TItem>) => {
     const sensors = useDndSensors();
+    const isMobile = useIsMobile();
 
     const settings = {
         dots: true,

src/components/ui/InPlaceInput/InPlaceInput.tsx

@@ -1,8 +1,8 @@
 import React, { FC, ReactNode, useEffect, useRef, useState } from "react";
 import { TextInput } from "@mantine/core";
 import { Styles } from "@mantine/core/lib/core/styles-api/styles-api.types";
-import { isMobile } from "react-device-detect";
 import { modals } from "@mantine/modals";
+import useIsMobile from "@/hooks/useIsMobile";
 
 type Props = {
     defaultValue?: string;
@@ -24,6 +24,7 @@ const InPlaceInput: FC<Props> = ({
     const [isWriting, setIsWriting] = useState<boolean>(false);
     const [value, setValue] = useState<string>(defaultValue);
     const inputRef = useRef<HTMLInputElement>(null);
+    const isMobile = useIsMobile();
 
     useEffect(() => {
         if (isWriting && inputRef.current) {