style: fix organize-imports to work with tailwindcss prettier plugin (#2957) [skip ci]

src/hooks/useDebouncedState.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, SetStateAction } from 'react';
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 /**
  * A hook to help with debouncing state

src/hooks/useInteraction.ts

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useEffect, useState } from 'react';
 
 export const INTERACTION_TYPE = {
   MOUSE: 'mouse',

src/hooks/useVerticalScroll.ts

@@ -1,6 +1,6 @@
-import type { MutableRefObject } from 'react';
-import { useState, useEffect, useRef } from 'react';
 import { debounce } from 'lodash';
+import type { MutableRefObject } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 const IS_SCROLLING_CHECK_THROTTLE = 200;
 const BUFFER_HEIGHT = 200;