fix: cycle dependencies (#563)

## 📜 Description

Fixed cycle dependencies in the code.

## 💡 Motivation and Context

Cycle dependencies may lead to unpredictable results especially if you
have many of them.

To fix them I used `eslint` rule - it's quite effective and we don't
need to change CI pipelines etc. Plus we can monitor such cycles
contioniously!

Closes
#562

## 📢 Changelog

<!-- High level overview of important changes -->
<!-- For example: fixed status bar manipulation; added new types
declarations; -->
<!-- If your changes don't affect one of platform/language below - then
remove this platform/language -->

### JS

- reorganized imports to avoid cycle deps;
- added new eslint rule usage.

## 🤔 How Has This Been Tested?

Tested on e2e tests on CI 🙂 

## 📝 Checklist

- [x] CI successfully passed
- [x] I added new mocks and corresponding unit-tests if library API was
changed

Author: kirillzyusko

.eslintrc.cjs

@@ -108,6 +108,7 @@ module.exports = {
         "newlines-between": "always",
       },
     ],
+    "import/no-cycle": ["error", { maxDepth: "∞" }],
     // jest
     "jest/expect-expect": [
       "warn",

src/components/KeyboardAvoidingView/hooks.ts

@@ -1,9 +1,7 @@
 import { useSharedValue } from "react-native-reanimated";
 
-import {
-  useKeyboardContext,
-  useKeyboardHandler,
-} from "react-native-keyboard-controller";
+import { useKeyboardContext } from "../../context";
+import { useKeyboardHandler } from "../../hooks";
 
 export const useKeyboardAnimation = () => {
   const { reanimated } = useKeyboardContext();

src/components/KeyboardAvoidingView/index.tsx

@@ -8,7 +8,7 @@ import Reanimated, {
   useSharedValue,
 } from "react-native-reanimated";
 
-import { useWindowDimensions } from "react-native-keyboard-controller";
+import { useWindowDimensions } from "../../hooks";
 
 import { useKeyboardAnimation } from "./hooks";
 

src/components/KeyboardAwareScrollView/index.tsx

@@ -14,7 +14,7 @@ import {
   useFocusedInputHandler,
   useReanimatedFocusedInput,
   useWindowDimensions,
-} from "react-native-keyboard-controller";
+} from "../../hooks";
 
 import { useSmoothKeyboardHandler } from "./useSmoothKeyboardHandler";
 import { debounce, scrollDistanceWithRespectToSnapPoints } from "./utils";

src/components/KeyboardAwareScrollView/useSmoothKeyboardHandler.ts

@@ -6,7 +6,7 @@ import {
   withTiming,
 } from "react-native-reanimated";
 
-import { useKeyboardHandler } from "react-native-keyboard-controller";
+import { useKeyboardHandler } from "../../hooks";
 
 const IS_ANDROID_ELEVEN_OR_HIGHER =
   Platform.OS === "android" && Platform.Version >= 30;

src/components/KeyboardStickyView/index.tsx

@@ -4,7 +4,7 @@ import Reanimated, {
   useAnimatedStyle,
 } from "react-native-reanimated";
 
-import { useReanimatedKeyboardAnimation } from "react-native-keyboard-controller";
+import { useReanimatedKeyboardAnimation } from "../../hooks";
 
 import type { View, ViewProps } from "react-native";
 

src/components/KeyboardToolbar/index.tsx

@@ -1,13 +1,9 @@
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { StyleSheet, Text, View } from "react-native";
 
-import {
-  FocusedInputEvents,
-  KeyboardStickyView,
-} from "react-native-keyboard-controller";
-
-import { KeyboardController } from "../../bindings";
+import { FocusedInputEvents, KeyboardController } from "../../bindings";
 import useColorScheme from "../hooks/useColorScheme";
+import KeyboardStickyView from "../KeyboardStickyView";
 
 import Arrow from "./Arrow";
 import Button from "./Button";