feat: integrate toast notifications in settings and layout components

- Added ToastService for managing toast notifications.
- Replaced alert in settings component with toast notifications for success and error messages.
- Included ToastComponent in layout for displaying notifications.
- Created loading spinner component for better user experience.
- Implemented domain detail component with detailed views for certificates, requirements, and services.
- Added functionality to manage and display SSL certificates and their statuses.
- Introduced a registry manager class for handling Docker registry operations.

ts/classes/onebox.ts

@@ -14,6 +14,9 @@ import { OneboxDnsManager } from './dns.ts';
 import { OneboxSslManager } from './ssl.ts';
 import { OneboxDaemon } from './daemon.ts';
 import { OneboxHttpServer } from './httpserver.ts';
+import { CloudflareDomainSync } from './cloudflare-sync.ts';
+import { CertRequirementManager } from './cert-requirement-manager.ts';
+import { RegistryManager } from './registry.ts';
 
 export class Onebox {
   public database: OneboxDatabase;
@@ -25,6 +28,9 @@ export class Onebox {
   public ssl: OneboxSslManager;
   public daemon: OneboxDaemon;
   public httpServer: OneboxHttpServer;
+  public cloudflareDomainSync: CloudflareDomainSync;
+  public certRequirementManager: CertRequirementManager;
+  public registry: RegistryManager;
 
   private initialized = false;
 
@@ -41,6 +47,15 @@ export class Onebox {
     this.ssl = new OneboxSslManager(this);
     this.daemon = new OneboxDaemon(this);
     this.httpServer = new OneboxHttpServer(this);
+    this.registry = new RegistryManager({
+      dataDir: './.nogit/registry-data',
+      port: 4000,
+      baseUrl: 'localhost:5000',
+    });
+
+    // Initialize domain management
+    this.cloudflareDomainSync = new CloudflareDomainSync(this.database);
+    this.certRequirementManager = new CertRequirementManager(this.database, this.ssl);
   }
 
   /**
@@ -76,9 +91,27 @@ export class Onebox {
         logger.warn('SSL initialization failed - SSL features will be limited');
       }
 
+      // Initialize Cloudflare domain sync (non-critical)
+      try {
+        await this.cloudflareDomainSync.init();
+      } catch (error) {
+        logger.warn('Cloudflare domain sync initialization failed - domain sync will be limited');
+      }
+
+      // Initialize Onebox Registry (non-critical)
+      try {
+        await this.registry.init();
+      } catch (error) {
+        logger.warn('Onebox Registry initialization failed - local registry will be disabled');
+        logger.warn(`Error: ${error.message}`);
+      }
+
       // Login to all registries
       await this.registries.loginToAllRegistries();
 
+      // Start auto-update monitoring for registry services
+      this.services.startAutoUpdateMonitoring();
+
       this.initialized = true;
       logger.success('Onebox initialized successfully');
     } catch (error) {