refactor: remove unused MobX observer and clean up imports

- Removed the MobX observer from CreateInvoiceFrom and TextWithSkeleton components to simplify the code and improve readability.
- Deleted the createImmediateReaction utility function as it was no longer in use, streamlining the MobX library.
- Updated the index file to reflect the removal of the createImmediateReaction export, ensuring a cleaner module structure.

These changes collectively enhance code clarity and maintainability by eliminating unnecessary dependencies and simplifying component definitions.

Author: mois-ilya

src/features/invoices/ui/CreateInvoiceFrom.tsx

@@ -28,7 +28,6 @@ import {
     TokenCurrencyAmount
 } from 'src/shared';
 import { useIMask } from 'react-imask';
-import { observer } from 'mobx-react-lite';
 import { CRYPTO_CURRENCY_DECIMALS } from 'src/shared/lib/currency/CRYPTO_CURRENCY';
 
 interface InternalForm {
@@ -53,7 +52,7 @@ export const CreateInvoiceFrom: FC<
         defaultValues?: Partial<InvoiceForm>;
         disableDefaultFocus?: boolean;
     }
-> = observer(({ onSubmit, defaultValues, disableDefaultFocus, ...rest }) => {
+> = ({ onSubmit, defaultValues, disableDefaultFocus, ...rest }) => {
     const { amount: defaultAmount, ...restDefaultValues } = defaultValues || {};
     const context = useFormContext<InternalForm>();
     let { handleSubmit, register, formState, setFocus } = useForm<InternalForm>({
@@ -200,4 +199,4 @@ export const CreateInvoiceFrom: FC<
             </FormControl>
         </chakra.form>
     );
-});
+};

src/shared/lib/mobx/create-immediate-reaction.ts

@@ -1,4 +1,3 @@
 export { createReaction } from './create-reaction';
-export { createImmediateReaction } from './create-immediate-reaction';
 export { Loadable } from './loadable';
 export { deserializeState, serializeState } from './serialize';

src/shared/lib/mobx/index.ts

@@ -1,7 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { Skeleton, Text, TextProps, useTheme } from '@chakra-ui/react';
 import { subtractPixels } from 'src/shared';
-import { observer } from 'mobx-react-lite';
 
 const TextWithSkeleton: FC<
     PropsWithChildren<
@@ -34,4 +33,4 @@ const TextWithSkeleton: FC<
     return <Text {...rest}>{children}</Text>;
 };
 
-export default observer(TextWithSkeleton);
+export default TextWithSkeleton;