Update headings and styles, and fix image layout in chatbox and editMessageDetail components

src/chatbox.tsx

@@ -830,18 +830,15 @@ export default function ChatBOX(props: {
         </span>
       )}
       <div className="flex justify-between">
-        {(chatStore.model.match("vision") ||
-          (chatStore.image_gen_api && chatStore.image_gen_key)) && (
-          <button
-            className="disabled:line-through disabled:bg-slate-500 rounded m-1 p-1 border-2 bg-cyan-400 hover:bg-cyan-600"
-            disabled={showGenerating || !chatStore.apiKey}
-            onClick={() => {
-              setShowAddImage(!showAddImage);
-            }}
-          >
-            Img
-          </button>
-        )}
+        <button
+          className="disabled:line-through disabled:bg-slate-500 rounded m-1 p-1 border-2 bg-cyan-400 hover:bg-cyan-600"
+          disabled={showGenerating || !chatStore.apiKey}
+          onClick={() => {
+            setShowAddImage(!showAddImage);
+          }}
+        >
+          Img
+        </button>
         {showAddImage && (
           <AddImage
             chatStore={chatStore}