Add a launch script for launching UI container

Add a few lines of instructions in readme on how to launch UI, Users can start the frontend service separately through local execution or Docker execution.

AgentQnA/ui/svelte/README.md

@@ -3,6 +3,7 @@
 ## 📸 Project Screenshots
 
 ![project-screenshot](../../assets/img/agent_ui.png)
+![project-screenshot](../../assets/img/agent_ui_result.png)
 
 ## 🧐 Features
 
@@ -12,16 +13,44 @@ Here're some of the project's features:
 
 ## 🛠️ Get it Running
 
+
 1. Clone the repo.
 
 2. cd command to the current folder.
+   ```
+   cd AgentQnA/ui
+   ```
 
 3. Modify the required .env variables.
 
    ```
    AGENT_URL = ''
    ```
 
-4. Execute `npm install` to install the corresponding dependencies.
+4. **For Local Development:**
+
+- Install the dependencies:
+  ```
+  npm install
+  ```
+
+- Start the development server:
+  ```
+  npm run dev
+  ```
+
+- The application will be available at `http://localhost:3000`.
+
+5. **For Docker Setup:**
+
+- Build the Docker image:
+  ```
+  docker build -t opea:agent-ui .
+  ```
+
+- Run the Docker container:
+  ```
+  docker run -d -p 3000:3000 --name agent-ui opea:agent-ui
+  ```
 
-5. Execute `npm run dev` in both environments
+- The application will be available at `http://localhost:3000`.

AgentQnA/ui/svelte/src/lib/components/chat/chat.svelte

@@ -210,7 +210,7 @@
 						isDrawerOpen ? "h-auto" : "h-0"
 					}`}
 				>
-					<div class="chat-scrollbar relative w-5/6 overflow-auto bg-white p-0">
+					<div class="chat-scrollbar relative overflow-auto bg-white p-0 px-10">
 						<div class="p-2">
 							{#if loading}
 								<div class="flex gap-5">