Add styling to sql query text area

templates/partials/sql_explorer/sql_query.html

@@ -6,7 +6,8 @@
     {% endif %}
 
     <form method="POST" hx-post="{{ url_for('sql_query') }}" hx-target="#sql-query">
-        <textarea name="query" rows="5" class="w-full p-2 border rounded mb-4"
+        <textarea name="query" spellcheck="false"
+            class="w-full h-48 p-4 font-mono text-sm text-gray-800 bg-gray-100 border border-gray-300 rounded-md resize-none focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
             placeholder="Enter your SQL query here..." required>{{ query }}</textarea>
         <button type="submit" class="bg-blue-500 text-white px-4 py-2 rounded">Execute</button>
     </form>