feat(services): Sort the services by their status

Done by changing the indexes of ServiceStatus enum and sorting by it.

lib/logic/models/service.dart

@@ -105,13 +105,13 @@ class ServiceStorageUsage {
 }
 
 enum ServiceStatus {
+  failed,
+  reloading,
   activating,
   active,
   deactivating,
-  failed,
   inactive,
-  off,
+  off;
-  reloading;
 
   factory ServiceStatus.fromGraphQL(final Enum$ServiceStatusEnum graphQL) {
     switch (graphQL) {

lib/ui/pages/services/services.dart

@@ -41,6 +41,10 @@ class _ServicesPageState extends State<ServicesPage> {
     final isReady = context.watch<ServerInstallationCubit>().state
         is ServerInstallationFinished;
 
+    final services = [...context.watch<ServicesCubit>().state.services];
+    services
+        .sort((final a, final b) => a.status.index.compareTo(b.status.index));
+
     return Scaffold(
       appBar: PreferredSize(
         preferredSize: const Size.fromHeight(52),
@@ -58,10 +62,7 @@ class _ServicesPageState extends State<ServicesPage> {
             BrandText.body1('basis.services_title'.tr()),
             const SizedBox(height: 24),
             if (!isReady) ...[const NotReadyCard(), const SizedBox(height: 24)],
-            ...context
+            ...services
-                .read<ServicesCubit>()
-                .state
-                .services
                 .map(
                   (final service) => Padding(
                     padding: const EdgeInsets.only(