chore: migrate extensibilitySchemasState to jotai (#4139)

Author: awoloszyn22

src/components/BusolaExtensions/BusolaExtensionDetails.js

@@ -2,7 +2,7 @@ import { ExternalLink } from 'shared/components/ExternalLink/ExternalLink';
 import { Trans, useTranslation } from 'react-i18next';
 import { createPatch } from 'rfc6902';
 import { Button, MessageStrip } from '@ui5/webcomponents-react';
-import { useRecoilValue } from 'recoil';
+import { useAtomValue } from 'jotai';
 
 import { EMPTY_TEXT_PLACEHOLDER } from 'shared/constants';
 import { ControlledBy } from 'shared/components/ControlledBy/ControlledBy';
@@ -34,7 +34,7 @@ import { configFeaturesNames } from 'state/types';
 
 export function BusolaExtensionDetails({ name, namespace }) {
   const { t } = useTranslation();
-  const extensibilitySchemas = useRecoilValue(extensibilitySchemasState);
+  const extensibilitySchemas = useAtomValue(extensibilitySchemasState);
 
   const { clusterUrl } = useUrl();
 

src/state/extensibilitySchemasAtom.ts

@@ -1,8 +1,9 @@
 import { useEffect } from 'react';
+import { atom, useSetAtom } from 'jotai';
 import { authDataState } from 'state/authDataAtom';
 import { clusterState } from 'state/clusterAtom';
 import jsyaml from 'js-yaml';
-import { atom, RecoilState, useSetRecoilState, useRecoilValue } from 'recoil';
+import { useRecoilValue } from 'recoil';
 
 type ExtensibilitySchema = any;
 interface ExtensiblitySchemas {
@@ -17,7 +18,7 @@ const getSchema = async (schema: string): Promise<ExtensibilitySchema> => {
 };
 
 export const useGetExtensibilitySchemas = async () => {
-  const setSchemas = useSetRecoilState(extensibilitySchemasState);
+  const setSchemas = useSetAtom(extensibilitySchemasState);
   const cluster = useRecoilValue(clusterState);
   const auth = useRecoilValue(authDataState);
 
@@ -46,9 +47,5 @@ export const useGetExtensibilitySchemas = async () => {
   }, [cluster, auth]);
 };
 
-export const extensibilitySchemasState: RecoilState<ExtensiblitySchemas | null> = atom<ExtensiblitySchemas | null>(
-  {
-    key: 'extensibilitySchemasState',
-    default: {},
-  },
-);
+export const extensibilitySchemasState = atom<ExtensiblitySchemas | null>({});
+extensibilitySchemasState.debugLabel = 'extensibilitySchemasState';