refactor: update color definitions and improve UI component structure; handle null safety in repository data fetching

apps/mobile/packages/design_system/lib/src/ui_colors.dart

@@ -245,7 +245,7 @@ class UiColors {
   static const Color buttonPrimaryStill = primary;
 
   /// Primary button hover (#082EB2)
-  static const Color buttonPrimaryHover = Color(0xFF082EB2);
+  static const Color buttonPrimaryHover = Color.fromARGB(255, 8, 46, 178);
 
   /// Primary button inactive (#F1F3F5)
   static const Color buttonPrimaryInactive = secondary;

apps/mobile/packages/design_system/lib/src/ui_typography.dart

@@ -368,7 +368,6 @@ class UiTypography {
     fontWeight: FontWeight.w400,
     fontSize: 12,
     height: 1.5,
-    letterSpacing: -0.1,
     color: UiColors.textPrimary,
   );
 

apps/mobile/packages/design_system/lib/src/widgets/ui_notice_banner.dart

@@ -67,39 +67,45 @@ class UiNoticeBanner extends StatelessWidget {
         color: backgroundColor ?? UiColors.primary.withValues(alpha: 0.08),
         borderRadius: borderRadius ?? UiConstants.radiusLg,
       ),
-      child: Row(
+      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
         children: <Widget>[
-          if (leading != null) ...<Widget>[
+          Row(
-            leading!,
+            crossAxisAlignment: CrossAxisAlignment.start,
-            const SizedBox(width: UiConstants.space3),
+            children: <Widget>[
-          ] else if (icon != null) ...<Widget>[
+              if (leading != null) ...<Widget>[
-            Icon(icon, color: iconColor ?? UiColors.primary, size: 24),
+                leading!,
-            const SizedBox(width: UiConstants.space3),
+                const SizedBox(width: UiConstants.space3),
-          ],
+              ] else if (icon != null) ...<Widget>[
-          Expanded(
+                Icon(icon, color: iconColor ?? UiColors.primary, size: 24),
-            child: Column(
+                const SizedBox(width: UiConstants.space3),
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: <Widget>[
                 Text(
                   title,
-                  style: UiTypography.body2b.copyWith(color: titleColor),
+                  style: UiTypography.body2b.copyWith(
-                ),
+                    color: titleColor ?? UiColors.primary,
-                if (description != null) ...<Widget>[
-                  const SizedBox(height: 2),
-                  Text(
-                    description!,
-                    style: UiTypography.body3r.copyWith(
-                      color: descriptionColor,
-                    ),
                   ),
-                ],
+                ),
-                if (action != null) ...<Widget>[
-                  const SizedBox(height: UiConstants.space2),
-                  action!,
-                ],
               ],
-            ),
+            ],
+          ),
+
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: <Widget>[
+              if (description != null) ...<Widget>[
+                const SizedBox(height: UiConstants.space2),
+                Text(
+                  description!,
+                  style: UiTypography.body3r.copyWith(
+                    //color: descriptionColor ?? UiColors.textSecondary,
+                    color: descriptionColor ?? UiColors.primary,
+                  ),
+                ),
+              ],
+              if (action != null) ...<Widget>[
+                const SizedBox(height: UiConstants.space2),
+                action!,
+              ],
+            ],
           ),
         ],
       ),

apps/mobile/packages/features/staff/profile_sections/compliance/certificates/lib/src/data/repositories_impl/certificates_repository_impl.dart

@@ -29,7 +29,7 @@ class CertificatesRepositoryImpl implements CertificatesRepository {
     final ApiResponse response =
         await _api.get(StaffEndpoints.certificates);
     final List<dynamic> items =
-        response.data['certificates'] as List<dynamic>;
+        response.data['certificates'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             StaffCertificate.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/compliance/documents/lib/src/data/repositories_impl/documents_repository_impl.dart

@@ -28,7 +28,7 @@ class DocumentsRepositoryImpl implements DocumentsRepository {
   Future<List<ProfileDocument>> getDocuments() async {
     final ApiResponse response =
         await _api.get(StaffEndpoints.documents);
-    final List<dynamic> items = response.data['documents'] as List<dynamic>;
+    final List<dynamic> items = response.data['documents'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             ProfileDocument.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/compliance/tax_forms/lib/src/data/repositories/tax_forms_repository_impl.dart

@@ -19,7 +19,7 @@ class TaxFormsRepositoryImpl implements TaxFormsRepository {
   Future<List<TaxForm>> getTaxForms() async {
     final ApiResponse response =
         await _api.get(StaffEndpoints.taxForms);
-    final List<dynamic> items = response.data['taxForms'] as List<dynamic>;
+    final List<dynamic> items = response.data['taxForms'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             TaxForm.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/finances/staff_bank_account/lib/src/data/repositories/bank_account_repository_impl.dart

@@ -17,7 +17,7 @@ class BankAccountRepositoryImpl implements BankAccountRepository {
   Future<List<BankAccount>> getAccounts() async {
     final ApiResponse response =
         await _api.get(StaffEndpoints.bankAccounts);
-    final List<dynamic> items = response.data['accounts'] as List<dynamic>;
+    final List<dynamic> items = response.data['accounts'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             BankAccount.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/finances/time_card/lib/src/data/repositories_impl/time_card_repository_impl.dart

@@ -22,7 +22,7 @@ class TimeCardRepositoryImpl implements TimeCardRepository {
         'month': month.month,
       },
     );
-    final List<dynamic> items = response.data['entries'] as List<dynamic>;
+    final List<dynamic> items = response.data['entries'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             TimeCardEntry.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/onboarding/attire/lib/src/data/repositories_impl/attire_repository_impl.dart

@@ -28,7 +28,7 @@ class AttireRepositoryImpl implements AttireRepository {
   @override
   Future<List<AttireChecklist>> getAttireOptions() async {
     final ApiResponse response = await _api.get(StaffEndpoints.attire);
-    final List<dynamic> items = response.data['items'] as List<dynamic>;
+    final List<dynamic> items = response.data['items'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             AttireChecklist.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/onboarding/emergency_contact/lib/src/data/repositories/emergency_contact_repository_impl.dart

@@ -18,7 +18,7 @@ class EmergencyContactRepositoryImpl
   Future<List<EmergencyContact>> getContacts() async {
     final ApiResponse response =
         await _api.get(StaffEndpoints.emergencyContacts);
-    final List<dynamic> items = response.data['contacts'] as List<dynamic>;
+    final List<dynamic> items = response.data['contacts'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map((dynamic json) =>
             EmergencyContact.fromJson(json as Map<String, dynamic>))

apps/mobile/packages/features/staff/profile_sections/onboarding/experience/lib/src/data/repositories/experience_repository_impl.dart

@@ -17,14 +17,14 @@ class ExperienceRepositoryImpl implements ExperienceRepositoryInterface {
   Future<List<String>> getIndustries() async {
     final ApiResponse response =
         await _api.get(StaffEndpoints.industries);
-    final List<dynamic> items = response.data['industries'] as List<dynamic>;
+    final List<dynamic> items = response.data['industries'] as List<dynamic>? ?? <dynamic>[];
     return items.map((dynamic e) => e.toString()).toList();
   }
 
   @override
   Future<List<String>> getSkills() async {
     final ApiResponse response = await _api.get(StaffEndpoints.skills);
-    final List<dynamic> items = response.data['skills'] as List<dynamic>;
+    final List<dynamic> items = response.data['skills'] as List<dynamic>? ?? <dynamic>[];
     return items.map((dynamic e) => e.toString()).toList();
   }
 

apps/mobile/packages/features/staff/profile_sections/support/faqs/lib/src/data/repositories_impl/faqs_repository_impl.dart

@@ -9,10 +9,10 @@ import 'package:staff_faqs/src/domain/repositories/faqs_repository_interface.dar
 /// Fetches FAQ data from the V2 REST backend via [ApiService].
 class FaqsRepositoryImpl implements FaqsRepositoryInterface {
   /// Creates a [FaqsRepositoryImpl] backed by the given [apiService].
-  FaqsRepositoryImpl({required ApiService apiService})
+  FaqsRepositoryImpl({required BaseApiService apiService})
       : _apiService = apiService;
 
-  final ApiService _apiService;
+  final BaseApiService _apiService;
 
   @override
   Future<List<FaqCategory>> getFaqs() async {
@@ -40,7 +40,7 @@ class FaqsRepositoryImpl implements FaqsRepositoryInterface {
 
   /// Parses the `items` array from a V2 API response into [FaqCategory] list.
   List<FaqCategory> _parseCategories(ApiResponse response) {
-    final List<dynamic> items = response.data['items'] as List<dynamic>;
+    final List<dynamic> items = response.data['items'] as List<dynamic>? ?? <dynamic>[];
     return items
         .map(
           (dynamic item) =>

apps/mobile/packages/features/staff/profile_sections/support/faqs/lib/src/staff_faqs_module.dart

@@ -1,5 +1,6 @@
 import 'package:flutter_modular/flutter_modular.dart';
 import 'package:krow_core/core.dart';
+import 'package:krow_domain/krow_domain.dart' show BaseApiService;
 
 import 'package:staff_faqs/src/data/repositories_impl/faqs_repository_impl.dart';
 import 'package:staff_faqs/src/domain/repositories/faqs_repository_interface.dart';
@@ -21,7 +22,7 @@ class FaqsModule extends Module {
     // Repository
     i.addLazySingleton<FaqsRepositoryInterface>(
       () => FaqsRepositoryImpl(
-        apiService: i<ApiService>(),
+        apiService: i.get<BaseApiService>(),
       ),
     );