fix: text area background color (microsoft#50)

* fix: text area background color

* Cursor hover style and Light dark color updated

Author: Kiran-Siluveru-Microsoft

src/frontend/wwwroot/task/task.css

@@ -241,7 +241,6 @@ textarea {
   justify-content: space-between;
   align-items: left;
   padding: 0px 5px;
-  background-color: white;
 }
 
 .bottom-bar {
@@ -251,7 +250,6 @@ textarea {
   padding: 3px 10px;
   border-top: none;
   border-bottom: 4px solid #0f6cbd;
-  background-color: white;
 }
 
 .send-button {

src/frontend/wwwroot/task/task.js

@@ -224,10 +224,16 @@
         const isHumanClarificationRequestNull = data?.[0]?.human_clarification_request === null
         const taskMessageTextareaElement =document.getElementById("taskMessageTextarea");
         const taskMessageAddButton = document.getElementById("taskMessageAddButton");
+        const textInputContainer = document.getElementsByClassName("text-input-container");
+        
         if(isHumanClarificationRequestNull && taskMessageTextareaElement){
           taskMessageTextareaElement.setAttribute('disabled', true)
+          taskMessageTextareaElement.style.backgroundColor = "#efefef";
+          taskMessageTextareaElement.style.cursor = 'not-allowed';
         } else {
           taskMessageTextareaElement.removeAttribute('disabled')
+          taskMessageTextareaElement.style.backgroundColor = "white"
+          taskMessageTextareaElement.style.cursor = '';
         }
         if(isHumanClarificationRequestNull && taskMessageAddButton){
           taskMessageAddButton.setAttribute('disabled', true)
@@ -236,6 +242,15 @@
           taskMessageAddButton.removeAttribute('disabled')
           taskMessageAddButton.style.cursor = 'pointer';
         }
+
+        if(isHumanClarificationRequestNull && textInputContainer[0]){ 
+          textInputContainer[0].style.backgroundColor = '#efefef';
+          textInputContainer[0].style.cursor = 'not-allowed';
+        } else { 
+          textInputContainer[0].style.backgroundColor = 'white';
+          textInputContainer[0].style.cursor = '';
+        }
+
       })
       .catch((error) => {
         console.error("Error:", error);