fix(transactions): fix toolbar overflow on mobile and shorten button label (#175)

## Why

### Problem
On iOS (and narrow mobile screens), the transactions toolbar overflows
the viewport — the Columns button is pushed off-screen because the
actions row does not wrap.

Additionally, the \"Add Transaction\" button label was too long for
small screens, contributing to the overflow.

## What

### Changes
<img width="388" height="374" alt="image"
src="https://github.com/user-attachments/assets/7962f21d-70b7-427b-b01b-a855b687452d"
/>

lang/es.json

@@ -1020,6 +1020,7 @@
     "Tracking": "Seguimiento",
     "Tracking spending for": "Rastreando gastos para",
     "Tracking:": "Seguimiento:",
+    "Transaction": "Transacción",
     "Transaction Date": "Fecha transaccion",
     "Transaction created successfully": "Transacción creada exitosamente",
     "Transaction created, but failed to update balance": "Transacción creada, pero no se pudo actualizar el balance",

resources/js/components/transactions/transaction-actions-menu.tsx

@@ -142,7 +142,7 @@ export function TransactionActionsMenu({
                                 aria-label={__('Add transaction')}
                             >
                                 <Plus className="h-5 w-5" />
-                                {__('Add Transaction')}
+                                {__('Transaction')}
                             </Button>
                         </TooltipTrigger>
                         <TooltipContent>

resources/js/pages/transactions/index.tsx

@@ -1032,7 +1032,7 @@ export default function Transactions({
                         accounts={accounts}
                         isKeySet={true}
                         actions={
-                            <div className="flex w-full justify-between gap-2 sm:justify-end">
+                            <div className="flex w-full flex-wrap justify-between gap-2 sm:justify-end">
                                 <TransactionActionsMenu
                                     categories={categories}
                                     accounts={accounts}

tests/Browser/AmountInputTest.php

@@ -16,7 +16,7 @@ it('formats amount on blur', function () {
     $page = visit('/transactions');
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(1)
         ->fill('#amount', '123.45')
         ->click('description')
@@ -34,7 +34,7 @@ it('accepts comma as decimal separator', function () {
     $page = visit('/transactions');
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(1)
         ->fill('#amount', '10,50')
         ->click('description')
@@ -57,9 +57,9 @@ it('can create a transaction with amount input', function () {
     $page->wait(3); // Extra wait for IndexedDB to sync
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(2)
-        ->assertSee('Add Transaction')
+        ->assertSee('Transaction')
         ->wait(1)
         ->fill('#description', 'Test Transaction')
         ->wait(0.5)
@@ -99,7 +99,7 @@ it('formats amount when pressing enter', function () {
     $page->wait(3); // Extra wait for IndexedDB to sync
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(1)
         ->fill('#description', 'Test Transaction Enter')
         ->fill('#amount', '99.99')
@@ -137,7 +137,7 @@ it('accepts negative amounts', function () {
     $page->wait(3); // Extra wait for IndexedDB to sync
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(1)
         ->fill('#description', 'Test Negative Amount')
         ->fill('#amount', '-50.00')

tests/Browser/TransactionsTest.php

@@ -30,7 +30,7 @@ it('can open add transaction dialog', function () {
     $page = visit('/transactions');
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(0.5)
         ->assertSee('Create Transaction')
         ->assertNoJavascriptErrors();
@@ -59,7 +59,7 @@ it('can create a transaction', function () {
     $page->wait(3); // Extra wait for IndexedDB to sync
 
     $page->assertSee('Transactions')
-        ->click('Add Transaction')
+        ->click('Transaction')
         ->wait(2)
         ->assertSee('Create Transaction')
         ->fill('description', 'Test Transaction')