New and improved buttons for the history

app/components/History.tsx

@@ -34,28 +34,35 @@ const History: React.FC = () => {
           {/* Populate with history items */}
           {chatHistory.chats.map((chats, index) => (
             <li key={index}>
-              <a href="#" onClick={() => handleHistoryClick(index)}>{chatHistory.chats[index].name}</a>
+              <a href="#" onClick={() => handleHistoryClick(index)}>
+                {chatHistory.chats[index].name}
+              </a>
             </li>
           ))}
           <li>
             {isEditing ? (
-        <div>
-          <input
-            type="text"
-            value={inputValue}
-            onChange={handleInputChange}
-            placeholder="Enter text"
-          />
-          <button onClick={handleSaveButtonClick}>Save</button>
-        </div>
-      ) : (
-        <button onClick={handleEditButtonClick}>{'New Chat'}</button>
-      )}
+              <div className="input-container">
+                <input
+                  type="text"
+                  value={inputValue}
+                  onChange={handleInputChange}
+                  placeholder="Enter text"
+                  className="chat-input"
+                />
+                <button onClick={handleSaveButtonClick} className="save-btn">
+                  Save
+                </button>
+              </div>
+            ) : (
+              <button onClick={handleEditButtonClick} className="newChat-btn">
+                New Chat
+              </button>
+            )}
           </li>
         </ul>
       </div>
     </div>
-  );
+  );  
 };
 
 export default History;