Enhance link display logic in HomeApp

               - Added functionality to hide the links section when no links are available, improving user experience.
               - Ensured the links section is displayed when links are present.
               - Updated error handling for non-array links input.

Author: kodinkat

dt-apps/dt-home/assets/js/home-app.js

@@ -202,15 +202,31 @@ class HomeApp {
   displayLinks(links) {
     let html = '';
 
+    const linksSection = document.querySelector('.links-section');
+
     // Safety check: ensure links is an array
     if (!Array.isArray(this.links)) {
       console.error('Links is not an array:', this.links);
       html =
         '<div class="link-item"><div class="link-item__title">Error loading links.</div></div>';
     } else if (this.links.length === 0) {
-      html =
-        '<div class="link-item"><div class="link-item__title">No links available.</div></div>';
+      // When there are no links, hide the entire links section (including header)
+      if (linksSection) {
+        linksSection.style.display = 'none';
+      }
+
+      const linksListEmpty = document.getElementById('links-list');
+      if (linksListEmpty) {
+        linksListEmpty.innerHTML = '';
+      }
+
+      return;
     } else {
+      // Ensure the links section is visible when there are links
+      if (linksSection) {
+        linksSection.style.display = '';
+      }
+
       for (const link of this.links) {
         // Escape HTML to prevent XSS
         const safeUrl = (link.url || '#')