Add disabled state to navigation items and show tooltip on hover

Author: AbhishekA1509

src/components/Navigation/Navigation.tsx

@@ -245,6 +245,7 @@ export const Navigation = ({
                             onClick={handleNavGroupClick(item)}
                             to={findActiveNavigationItemOfNavGroup(item.items)?.href}
                             onHover={handleNavGroupHover(item)}
+                            showTooltip={item.disabled}
                         />
                     ))}
                     {!window._env_.K8S_CLIENT && !isAirgapped && showStackManager && (

src/components/Navigation/constants.ts

@@ -432,12 +432,14 @@ export const NAVIGATION_LIST: NavigationGroupType[] = [
         title: 'Backup & Restore',
         id: 'backup-and-restore',
         icon: 'ic-database-backup',
+        disabled: true,
         items: [
             {
                 title: 'Overview',
                 dataTestId: 'backup-and-restore-overview',
                 id: 'backup-and-restore-overview',
                 icon: 'ic-speedometer',
+                disabled: true,
                 href: COMMON_URLS.BACKUP_AND_RESTORE_OVERVIEW,
             },
             {
@@ -486,12 +488,14 @@ export const NAVIGATION_LIST: NavigationGroupType[] = [
         id: 'ai-recommendations',
         title: 'AI Recommendations',
         icon: 'ic-openai',
+        disabled: true,
         items: [
             {
                 title: 'Overview',
                 dataTestId: 'ai-recommendations-overview',
                 id: 'ai-recommendations-overview',
                 icon: 'ic-speedometer',
+                disabled: true,
                 href: COMMON_URLS.AI_RECOMMENDATIONS_OVERVIEW,
             },
         ],