اريد تحسين اسلوب اخبار المستخدم ب مرر لليسار واليمن واريد واستخدام الوان اخرى مناسبة مع البرتقالي لان استخدام الون البرتقالي زاد في الواجهه
 const Divider(height: 5),
          Expanded(
            child: Directionality(
              textDirection: TextDirection.rtl,
              child:
                  _transferList.isEmpty
                      ? Center(
                        child: Column(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Icon(
                              Icons.swap_horiz_rounded,
                              size: 72,
                              color: Theme.of(
                                context,
                              ).colorScheme.primary.withOpacity(0.5),
                            ),
                            const SizedBox(height: 20),
                            Text(
                              'لا توجد عمليات تحويل',
                              style: Theme.of(
                                context,
                              ).textTheme.titleLarge?.copyWith(
                                fontFamily: tajawalFont,
                                color: Theme.of(context).colorScheme.onSurface,
                              ),
                            ),
                            const SizedBox(height: 12),
                            Text(
                              'انقر على زر الإضافة لبدء إنشاء قائمة التحويلات',
                              textAlign: TextAlign.center,
                              style: Theme.of(
                                context,
                              ).textTheme.bodyMedium?.copyWith(
                                fontFamily: tajawalFont,
                                color:
                                    Theme.of(
                                      context,
                                    ).colorScheme.onSurfaceVariant,
                              ),
                            ),
                          ],
                        ),
                      )
                      : Column(
                        children: [
                          Padding(
                            padding: const EdgeInsets.symmetric(vertical: 8.0),
                            child: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: [
                                Icon(
                                  Icons.arrow_back,
                                  size: 16,
                                  color: Theme.of(context).colorScheme.primary,
                                ),
                                const SizedBox(width: 4),
                                Text(
                                  'اسحب للتعديل',
                                  style: TextStyle(
                                    fontFamily: tajawalFont,
                                    color:
                                        Theme.of(context).colorScheme.primary,
                                    fontSize: 12,
                                  ),
                                ),
                                const SizedBox(width: 16),
                                Icon(
                                  Icons.arrow_forward,
                                  size: 16,
                                  color: Theme.of(context).colorScheme.error,
                                ),
                                const SizedBox(width: 4),
                                Text(
                                  'اسحب للحذف',
                                  style: TextStyle(
                                    fontFamily: tajawalFont,
                                    color: Theme.of(context).colorScheme.error,
                                    fontSize: 12,
                                  ),
                                ),
                              ],
                            ),
                          ),
                          Expanded(
                            child: ListView.builder(
                              physics: const BouncingScrollPhysics(),
                              padding: const EdgeInsets.only(bottom: 96),
                              itemCount: _transferList.length,
                              itemBuilder: (context, index) {
                                final item = _transferList[index];

                                return Dismissible(
                                  key: Key('${item.number}_$index'),
                                  background: Container(
                                    margin: const EdgeInsets.symmetric(
                                      horizontal: 16,
                                      vertical: 8,
                                    ),
                                    decoration: BoxDecoration(
                                      color:
                                          Theme.of(
                                            context,
                                          ).colorScheme.errorContainer,
                                      borderRadius: BorderRadius.circular(12),
                                    ),
                                    alignment: Alignment.centerLeft,
                                    padding: const EdgeInsets.only(left: 24),
                                    child: Row(
                                      mainAxisAlignment:
                                          MainAxisAlignment.start,
                                      children: [
                                        Icon(
                                          Icons.delete_forever_rounded,
                                          color:
                                              Theme.of(
                                                context,
                                              ).colorScheme.error,
                                          size: 28,
                                        ),
                                        const SizedBox(width: 8),
                                        Text(
                                          'حذف',
                                          style: TextStyle(
                                            fontFamily: tajawalFont,
                                            color:
                                                Theme.of(
                                                  context,
                                                ).colorScheme.error,
                                            fontSize: 16,
                                            fontWeight: FontWeight.bold,
                                          ),
                                        ),
                                      ],
                                    ),
                                  ),
                                  secondaryBackground: Container(
                                    margin: const EdgeInsets.symmetric(
                                      horizontal: 16,
                                      vertical: 8,
                                    ),
                                    decoration: BoxDecoration(
                                      color:
                                          Theme.of(
                                            context,
                                          ).colorScheme.primaryContainer,
                                      borderRadius: BorderRadius.circular(12),
                                    ),
                                    alignment: Alignment.centerRight,
                                    padding: const EdgeInsets.only(right: 24),
                                    child: Row(
                                      mainAxisAlignment: MainAxisAlignment.end,
                                      children: [
                                        Text(
                                          'تعديل',
                                          style: TextStyle(
                                            fontFamily: tajawalFont,
                                            color:
                                                Theme.of(
                                                  context,
                                                ).colorScheme.primary,
                                            fontSize: 16,
                                            fontWeight: FontWeight.bold,
                                          ),
                                        ),
                                        const SizedBox(width: 8),
                                        Icon(
                                          Icons.edit_rounded,
                                          color:
                                              Theme.of(
                                                context,
                                              ).colorScheme.primary,
                                          size: 28,
                                        ),
                                      ],
                                    ),
                                  ),
                                  direction: DismissDirection.horizontal,
                                  confirmDismiss: (direction) async {
                                    if (direction ==
                                        DismissDirection.endToStart) {
                                      _editTransfer(index);
                                      return false;
                                    }
                                    return await _showDeleteConfirmation(
                                      context,
                                    );
                                  },
                                  onDismissed:
                                      (direction) => _removeTransferAt(index),
                                  child: Card(
                                    margin: const EdgeInsets.symmetric(
                                      horizontal: 16,
                                      vertical: 8,
                                    ),
                                    shape: RoundedRectangleBorder(
                                      borderRadius: BorderRadius.circular(12),
                                    ),
                                    elevation: 1,
                                    child: ListTile(
                                      contentPadding:
                                          const EdgeInsets.symmetric(
                                            horizontal: 16,
                                            vertical: 8,
                                          ),
                                      leading: Container(
                                        width: 44,
                                        height: 44,
                                        decoration: BoxDecoration(
                                          color:
                                              _amountEdited[item.number] == true
                                                  ? Colors.green.withOpacity(
                                                    0.1,
                                                  )
                                                  : Theme.of(context)
                                                      .colorScheme
                                                      .primaryContainer,
                                          shape: BoxShape.circle,
                                        ),
                                        child: Icon(
                                          _amountEdited[item.number] == true
                                              ? Icons.check_circle_rounded
                                              : Icons.person_rounded,
                                          color:
                                              _amountEdited[item.number] == true
                                                  ? Colors.green
                                                  : Theme.of(
                                                    context,
                                                  ).colorScheme.primary,
                                        ),
                                      ),
                                      title: FutureBuilder<String?>(
                                        future: _getContactNameFromNumber(
                                          item.number,
                                        ),
                                        builder: (context, snapshot) {
                                          String displayText = item.number;
                                          if (snapshot.connectionState ==
                                              ConnectionState.done) {
                                            displayText =
                                                snapshot.data?.isNotEmpty ==
                                                        true
                                                    ? snapshot.data!
                                                    : item.number;
                                          }
                                          return Text(
                                            displayText,
                                            style: TextStyle(
                                              fontFamily: tajawalFont,
                                              fontWeight: FontWeight.w600,
                                              color:
                                                  Theme.of(
                                                    context,
                                                  ).colorScheme.onSurface,
                                            ),
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                          );
                                        },
                                      ),
                                      subtitle: Column(
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        children: [
                                          const SizedBox(height: 4),
                                          Text(
                                            '${_formatWithThousandsSeparator(item.amount)} ر.س',
                                            style: TextStyle(
                                              fontFamily: tajawalFont,
                                              fontWeight: FontWeight.bold,
                                              color:
                                                  Theme.of(
                                                    context,
                                                  ).colorScheme.primary,
                                            ),
                                          ),
                                          Text(
                                            convertNumberToArabicWords(
                                              item.amount,
                                            ),
                                            style: TextStyle(
                                              fontFamily: tajawalFont,
                                              color:
                                                  Theme.of(context)
                                                      .colorScheme
                                                      .onSurfaceVariant,
                                              fontSize: 12,
                                            ),
                                            maxLines: 1,
                                            overflow: TextOverflow.ellipsis,
                                          ),
                                        ],
                                      ),
                                      trailing: Row(
                                        mainAxisSize: MainAxisSize.min,
                                        children: [
                                          IconButton(
                                            icon: Icon(
                                              Icons.edit_outlined,
                                              color:
                                                  Theme.of(
                                                    context,
                                                  ).colorScheme.primary,
                                            ),
                                            onPressed:
                                                () => _editTransfer(index),
                                            tooltip: 'تعديل',
                                            padding: EdgeInsets.zero,
                                          ),
                                          IconButton(
                                            icon: Icon(
                                              Icons.delete_outline_rounded,
                                              color:
                                                  Theme.of(
                                                    context,
                                                  ).colorScheme.error,
                                            ),
                                            onPressed:
                                                () => _removeTransferAt(index),
                                            tooltip: 'حذف',
                                            padding: EdgeInsets.zero,
                                          ),
                                        ],
                                      ),
                                    ),
                                  ),
                                );
                              },
                            ),
                          ),
                        ],
                      ),
            ),
          ),