Add an ESLint rule to prevent the usage of useRef other than for HTML elements. (#2014)

* Add an ESLint rule to prevent the usage of useRef other than for HTML elements

Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* Bump eslint version and rewrite rule

* Fix

---------

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/ui/feedback/progress-bar/components/ProgressBar.tsx

@@ -49,7 +49,9 @@ export const ProgressBar = forwardRef<ProgressBarControls, ProgressBarProps>(
     const theme = useTheme();
 
     const controls = useAnimation();
+    // eslint-disable-next-line twenty/no-state-useref
     const startTimestamp = useRef<number>(0);
+    // eslint-disable-next-line twenty/no-state-useref
     const remainingTime = useRef<number>(duration);
 
     const start = useCallback(async () => {