chore: improve React.useRef etc. import consistency

[ad-m]

SUMMARY

In #18200 I received suggestion:

Can we import the useEffect from above consistently with other parts of the application?

Originally posted by @geido in #18200 (comment)

I make usage of useEffect, forwardRef, useState, useRef truly consistent in the project.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

N/A

TESTING INSTRUCTIONS

Linters & Typescript should catch up everything.

ADDITIONAL INFORMATION

• Has associated issue: see Consistency references to useEffect, useRef etc. #18607
• Required feature flags: N/A
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[codecov]

Codecov Report

Merging #18608 (f5b1487) into master (4e2bdd4) will not change coverage.
The diff coverage is 95.23%.

@@           Coverage Diff           @@
##           master   #18608   +/-   ##
=======================================
  Coverage   66.30%   66.30%           
=======================================
  Files        1595     1595           
  Lines       62632    62632           
  Branches     6309     6309           
=======================================
  Hits        41529    41529           
  Misses      19453    19453           
  Partials     1650     1650           

Flag	Coverage Δ
javascript	51.37% <95.23%> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...hart-table/src/DataTable/components/Pagination.tsx	3.84% <ø> (ø)
...rontend/src/components/AsyncEsmComponent/index.tsx	96.29% <92.30%> (ø)
...ntend/src/SqlLab/components/TableElement/index.tsx	72.30% <100.00%> (ø)
...t-frontend/src/components/AsyncAceEditor/index.tsx	90.90% <100.00%> (ø)
...end/src/components/IndeterminateCheckbox/index.tsx	100.00% <100.00%> (ø)
...ontend/src/components/ListViewCard/ImageLoader.tsx	88.23% <100.00%> (ø)
...set-frontend/src/components/RefreshLabel/index.tsx	100.00% <100.00%> (ø)
.../src/components/Select/WindowedSelect/windowed.tsx	70.00% <100.00%> (ø)

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 4e2bdd4...f5b1487. Read the comment docs.

[geido]

LGTM!

[etr2460]

nice cleanup, thanks!