Improved category with colors

lib/pages/data/widgets/import_settings.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:tunas/domains/account/account_bloc.dart';
+
+class ImportSettings extends StatelessWidget {
+  const ImportSettings({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<AccountBloc, AccountState>(
+      builder: (context, state) => Container(
+        decoration: BoxDecoration(
+          color: Colors.blue,
+          borderRadius: BorderRadius.circular(5)
+        ),
+        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
+        margin: const EdgeInsets.all(5),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            const Text(
+              "Import",
+              style: TextStyle(
+                fontWeight: FontWeight.w900,
+                fontSize: 20,
+              ),
+            ),
+            const SizedBox(height: 10),
+            FilledButton(
+              onPressed: () => context.read<AccountBloc>().add(const AccountImportCSV()),
+              child: const Text('Import CSV')
+            ),
+            const SizedBox(height: 5),
+            FilledButton(
+              onPressed: () => context.read<AccountBloc>().add(const AccountImportJSON()),
+              child: const Text('Import JSON')
+            ),
+            const SizedBox(height: 5),
+            FilledButton(
+              onPressed: () => context.read<AccountBloc>().add(const AccountExportCSV()),
+              child: const Text('Export CSV')
+            ),
+            const SizedBox(height: 5),
+            FilledButton(
+              onPressed: () => context.read<AccountBloc>().add(const AccountExportJSON()),
+              child: const Text('Export JSON')
+            ),
+          ],
+        ),
+      )
+    );
+  }
+}