refactor: update PointerSensor activation constraint to improve responsiveness

src/components/home/test-card.tsx

@@ -70,7 +70,11 @@ const DEFAULT_TEST_LIST = [
 
 export const TestCard = () => {
   const { t } = useTranslation();
-  const sensors = useSensors(useSensor(PointerSensor));
+  const sensors = useSensors(
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
+  );
   const { verge, mutateVerge, patchVerge } = useVerge();
   const viewerRef = useRef<TestViewerRef>(null);
 

src/components/profile/groups-editor-viewer.tsx

@@ -189,7 +189,9 @@ export const GroupsEditorViewer = (props: Props) => {
   );
 
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),

src/components/profile/proxies-editor-viewer.tsx

@@ -85,7 +85,9 @@ export const ProxiesEditorViewer = (props: Props) => {
   );
 
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),

src/components/profile/rules-editor-viewer.tsx

@@ -296,7 +296,9 @@ export const RulesEditorViewer = (props: Props) => {
   );
 
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),

src/components/proxy/proxy-chain.tsx

@@ -277,7 +277,9 @@ export const ProxyChain = ({
   }, [proxyChain.length, markUnsavedChanges]);
 
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),

src/pages/profiles.tsx

@@ -163,7 +163,9 @@ const ProfilePage = () => {
     [],
   );
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),

src/pages/test.tsx

@@ -31,7 +31,9 @@ import { useVerge } from "@/hooks/use-verge";
 const TestPage = () => {
   const { t } = useTranslation();
   const sensors = useSensors(
-    useSensor(PointerSensor),
+    useSensor(PointerSensor, {
+      activationConstraint: { distance: 8 },
+    }),
     useSensor(KeyboardSensor, {
       coordinateGetter: sortableKeyboardCoordinates,
     }),