chore: migrate sessionID state to jotai (#4107)

Co-authored-by: Oliwia Gowor <oliwiagowor@gmail.com>

Author: chriskari

src/components/KymaCompanion/components/Chat/Chat.tsx

@@ -1,6 +1,7 @@
 import { useTranslation } from 'react-i18next';
 import React, { useCallback, useEffect, useRef } from 'react';
 import { useRecoilValue } from 'recoil';
+import { useAtomValue } from 'jotai';
 import { FlexBox } from '@ui5/webcomponents-react';
 import Message from './Message/Message';
 import Bubbles from './Bubbles/Bubbles';
@@ -63,7 +64,7 @@ export const Chat = ({
   const containerRef = useRef<HTMLDivElement | null>(null);
   const hasLoadingScreenLoaded = useRef(false);
 
-  const sessionID = useRecoilValue<string>(sessionIDState);
+  const sessionID = useAtomValue<string>(sessionIDState);
   const cluster = useRecoilValue<any>(clusterState);
   const authData = useRecoilValue<any>(authDataState);
 

src/components/KymaCompanion/hooks/usePromptSuggestions.ts

@@ -1,6 +1,5 @@
 import { useState, useEffect, useRef } from 'react';
-import { useSetRecoilState } from 'recoil';
-import { useAtomValue } from 'jotai';
+import { useSetAtom, useAtomValue } from 'jotai';
 import { sessionIDState } from '../../../state/companion/sessionIDAtom';
 import getPromptSuggestions from '../api/getPromptSuggestions';
 import { ColumnLayoutState, columnLayoutState } from 'state/columnLayoutAtom';
@@ -42,7 +41,7 @@ export function usePromptSuggestions(
 ) {
   const post = usePost();
   const [initialSuggestions, setInitialSuggestions] = useState<string[]>([]);
-  const setSessionID = useSetRecoilState(sessionIDState);
+  const setSessionID = useSetAtom(sessionIDState);
   const columnLayout = useAtomValue(columnLayoutState);
   const [loading, setLoading] = useState(true);
   const fetchedResourceRef = useRef('');

src/state/companion/sessionIDAtom.ts

@@ -1,10 +1,6 @@
-import { atom, RecoilState } from 'recoil';
-
-type SessionID = string;
+import { atom } from 'jotai';
 
 const DEFAULT_SESSION_ID = '';
 
-export const sessionIDState: RecoilState<SessionID> = atom<SessionID>({
-  key: 'sessionIDState',
-  default: DEFAULT_SESSION_ID,
-});
+export const sessionIDState = atom<string>(DEFAULT_SESSION_ID);
+sessionIDState.debugLabel = 'sessionIDState';