refactor(BillingCard): wrap action buttons in a button group for improved layout and accessibility

frontend/src/components/billing/BillingCard.jsx

@@ -168,29 +168,31 @@ export default function BillingCard({
 
           {/* Правая часть: действия */}
           <div className="d-flex align-items-center gap-2 px-3 border-start">
-            <button 
+            <div className="btn-group btn-group-sm" role="group" aria-label="Действия с записью биллинга">
-              className="btn btn-outline-success" 
+              <button 
-              title="Записать платёж" 
+                className="btn btn-outline-success" 
-              onClick={(e) => { e.stopPropagation(); onAddPayment?.(item); }}
+                title="Записать платёж" 
-            >
+                onClick={(e) => { e.stopPropagation(); onAddPayment?.(item); }}
-              <IconCreditCard size={16} className="me-1" />
+              >
-              Оплатить
+                <IconCreditCard size={16} className="me-1" />
-            </button>
+                Оплатить
-            <button 
+              </button>
-              className="btn btn-outline-secondary" 
+              <button 
-              title="Редактировать" 
+                className="btn btn-outline-secondary" 
-              onClick={(e) => { e.stopPropagation(); onEdit?.(item); }}
+                title="Редактировать" 
-            >
+                onClick={(e) => { e.stopPropagation(); onEdit?.(item); }}
-              <IconEdit size={16} className="me-1" />
+              >
-              Изменить
+                <IconEdit size={16} className="me-1" />
-            </button>
+                Изменить
-            <button 
+              </button>
-              className="btn btn-outline-danger" 
+              <button 
-              title="Удалить" 
+                className="btn btn-outline-danger" 
-              onClick={(e) => { e.stopPropagation(); onDelete?.(item); }}
+                title="Удалить" 
-            >
+                onClick={(e) => { e.stopPropagation(); onDelete?.(item); }}
-              <IconTrash size={16} />
+              >
-            </button>
+                <IconTrash size={16} />
+              </button>
+            </div>
             <button 
               className="btn btn-ghost-secondary btn-icon ms-1" 
               onClick={(e) => { e.stopPropagation(); setExpanded(!expanded); }}