code format

Author: kartikpersistent

frontend/src/components/Chatbot.tsx

@@ -8,27 +8,26 @@ import { useCredentials } from '../context/UserCredentials';
 import chatBotAPI from '../services/QnaAPI';
 import { v4 as uuidv4 } from 'uuid';
 
-
 export default function Chatbot(props: ChatbotProps) {
   const { messages: listMessages, setMessages: setListMessages } = props;
   const [inputMessage, setInputMessage] = useState('');
   const formattedTextStyle = { color: 'rgb(var(--theme-palette-discovery-bg-strong))' };
   const [loading, setLoading] = useState<boolean>(false);
   const { userCredentials } = useCredentials();
   const messagesEndRef = useRef<HTMLDivElement>(null);
-  const [sessionId, setSessionId] = useState<string>(sessionStorage.getItem("session_id") ?? "")
+  const [sessionId, setSessionId] = useState<string>(sessionStorage.getItem('session_id') ?? '');
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setInputMessage(e.target.value);
   };
 
   useEffect(() => {
-    if (!sessionStorage.getItem("session_id")) {
+    if (!sessionStorage.getItem('session_id')) {
       const id = uuidv4();
       setSessionId(id);
-      sessionStorage.setItem("session_id", id);
+      sessionStorage.setItem('session_id', id);
     }
-  }, [])
+  }, []);
 
   const simulateTypingEffect = (responseText: string, index = 0) => {
     if (index < responseText.length) {
@@ -140,12 +139,14 @@ export default function Chatbot(props: ChatbotProps) {
                 <Widget
                   header=''
                   isElevated={true}
-                  className={`p-4 self-start ${chat.user === 'chatbot' ? 'n-bg-palette-neutral-bg-strong' : 'n-bg-palette-primary-bg-weak'
-                    }`}
+                  className={`p-4 self-start ${
+                    chat.user === 'chatbot' ? 'n-bg-palette-neutral-bg-strong' : 'n-bg-palette-primary-bg-weak'
+                  }`}
                 >
                   <div
-                    className={`${loading && index === listMessages.length - 1 && chat.user == 'chatbot' ? 'loader' : ''
-                      }`}
+                    className={`${
+                      loading && index === listMessages.length - 1 && chat.user == 'chatbot' ? 'loader' : ''
+                    }`}
                   >
                     {chat.message.split(/`(.+?)`/).map((part, index) =>
                       index % 2 === 1 ? (

frontend/src/components/Layout/Header.tsx

@@ -35,7 +35,9 @@ export default function Header({ themeMode, toggleTheme }: { themeMode: string;
               className='inline-flex gap-x-1'
               style={{ display: 'flex', flexGrow: 0, alignItems: 'center', gap: '4px' }}
             >
-              <Button href='https://github.com/neo4j-labs/llm-graph-builder/issues' fill='outlined' target='_blank'>Github Issues</Button>
+              <Button href='https://github.com/neo4j-labs/llm-graph-builder/issues' fill='outlined' target='_blank'>
+                Github Issues
+              </Button>
               <IconButton aria-label='Toggle Dark mode' clean size='large' onClick={toggleTheme}>
                 {themeMode === 'dark' ? (
                   <span role='img' aria-label='sun'>

frontend/src/components/WikipediaModal.tsx

@@ -102,7 +102,7 @@ const WikipediaModal: React.FC<WikipediaModalTypes> = ({ hideModal, open }) => {
       setTimeout(() => {
         setStatus('unknown');
       }, 5000);
-      return
+      return;
     }
     setTimeout(() => {
       setStatus('unknown');

frontend/src/services/QnaAPI.ts

@@ -9,7 +9,7 @@ const chatBotAPI = async (userCredentials: any, question: string, session_id: st
     formData.append('userName', userCredentials?.userName ?? '');
     formData.append('password', userCredentials?.password ?? '');
     formData.append('question', question);
-    formData.append("session_id", session_id)
+    formData.append('session_id', session_id);
     const response: any = await axios.post(`${url()}/chat_bot`, formData, {
       headers: {
         'Content-Type': 'multipart/form-data',