added dropzone icon and format fixes

Author: kartikpersistent

frontend/src/App.css

@@ -240,4 +240,14 @@
 .ndl-label-before>span {
   font-weight: 600;
   font-size: larger;
+}
+
+.ndl-upload-img-wrapper{
+  background: url("./assets/images/dropzone.svg");
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+.ndl-dropzone .ndl-dropzone-header{
+  row-gap: 0 !important;
 }

frontend/src/assets/images/dropzone.svg

@@ -1,5 +1,5 @@
 /* eslint-disable no-confusing-arrow */
-import {useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Button, Widget, Typography, Avatar, TextInput, TextLink } from '@neo4j-ndl/react';
 import ChatBotUserAvatar from '../assets/images/chatbot-user.png';
 import ChatBotAvatar from '../assets/images/chatbot-ai.png';

frontend/src/components/Chatbot.tsx

@@ -34,11 +34,7 @@ const RightSideBar: React.FC<RightSideBarProps> = ({ showChatBot, closeChatBot }
       className='grow'
     >
       <Drawer.Body className='!overflow-y-hidden !px-0'>
-        <Chatbot
-          messages={messages}
-          setMessages={setMessages}
-          isLoading={getIsLoading(messages)}
-        ></Chatbot>
+        <Chatbot messages={messages} setMessages={setMessages} isLoading={getIsLoading(messages)}></Chatbot>
       </Drawer.Body>
     </Drawer>
   );

frontend/src/components/RightSideBar.tsx

@@ -10,7 +10,7 @@ const urlScanAPI = async (props: ScanProps) => {
       if (!props.urlParam?.endsWith('/')) {
         s3url = props?.urlParam + '/';
       } else {
-        s3url = props?.urlParam
+        s3url = props?.urlParam;
       }
     }
     formData.append('uri', props?.userCredentials?.uri ?? '');