Fix transaction history filters layout - use horizontal 4-column grid instead of vertical stacking

Co-authored-by: 0xrinegade <[email protected]>

Author: Copilot

src/components/profile/TransactionHistory.js

@@ -96,7 +96,7 @@ const TransactionHistory = ({ transactions }) => {
       <div className="card-header">
         <h3 className="card-title">Transaction History</h3>
 
-        <div className="ascii-form-filters">
+        <div className="ascii-form-row-4">
           <div className="ascii-field">
             <label htmlFor="search">SEARCH</label>
             <input

src/styles/ascii-theme.css

@@ -1369,12 +1369,12 @@ html, body {
 
 /* Enhanced mobile responsive improvements for transaction history */
 @media (max-width: 768px) {
-  .transaction-history .ascii-form-filters {
-    flex-direction: column;
+  .transaction-history .ascii-form-row-4 {
+    grid-template-columns: 1fr;
     gap: var(--spacing-2);
   }
 
-  .transaction-history .ascii-form-filters .ascii-field {
+  .transaction-history .ascii-form-row-4 .ascii-field {
     width: 100%;
   }