Revert "Ai button"

.gitignore

@@ -39,5 +39,3 @@ testem.log
 # System files
 .DS_Store
 Thumbs.db
-
-.config/

src/app/routes.ts

@@ -799,12 +799,6 @@ export const routes: Routes = [
     ],
     canActivate: [loggedInGuard, licenseGuard],
   },
-  {
-    path: ROUTES.AI,
-    loadComponent: () => import('./ai/ai.component').then(m => m.AiComponent),
-    canActivate: [loggedInGuard, licenseGuard],
-    data: { showPaywall: true },
-  },
   {
     path: ROUTES.PROFILE,
     loadComponent: () =>

src/app/shared/components/df-side-nav/df-side-nav.component.html

@@ -154,7 +154,6 @@ <h1 class="page-header">
         class="nav-item"
         [class.active]="isActive(item)"
         [class.commercial-feature]="isFeatureLocked(item.path, licenseType)"
-        [class.ai-nav-item]="item.path === '/ai'"
         (click)="handleNavClick(item)">
         <span class="nav-item">
           <ng-container *ngIf="item?.icon">

src/app/shared/components/df-side-nav/df-side-nav.component.scss

@@ -159,126 +159,6 @@ $red-palette: mat.define-palette(mat.$red-palette);
       ::ng-deep .mat-mdc-button-touch-target {
         background-color: #f6f2fa;
       }
-
-      // Special styling for AI navigation item
-      &.ai-nav-item {
-        position: relative;
-        overflow: hidden;
-
-        &::before {
-          content: '';
-          position: absolute;
-          top: 0;
-          left: -100%;
-          width: 100%;
-          height: 100%;
-          background: linear-gradient(
-            90deg,
-            transparent,
-            rgba(220, 20, 60, 0.15),
-            rgba(255, 69, 0, 0.15),
-            rgba(255, 165, 0, 0.15),
-            rgba(50, 205, 50, 0.15),
-            rgba(30, 144, 255, 0.15),
-            rgba(138, 43, 226, 0.15),
-            transparent
-          );
-          animation: rainbow-slide 3s ease-in-out infinite;
-        }
-
-        span {
-          background: linear-gradient(
-            45deg,
-            #dc143c,
-            #ff4500,
-            #ffa500,
-            #32cd32,
-            #1e90ff,
-            #8a2be2
-          );
-          background-size: 300% 300%;
-          -webkit-background-clip: text;
-          background-clip: text;
-          -webkit-text-fill-color: transparent;
-          animation: rainbow-text 2s ease-in-out infinite;
-          font-weight: 700;
-          text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
-          filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.2));
-        }
-
-        img {
-          filter: hue-rotate(0deg) saturate(2) brightness(0.8) contrast(1.3);
-          animation: rainbow-icon 4s linear infinite;
-          drop-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
-        }
-
-        &:hover {
-          &::before {
-            animation-duration: 1s;
-          }
-
-          span {
-            animation-duration: 1s;
-          }
-
-          img {
-            animation-duration: 2s;
-          }
-        }
-      }
-
-      @keyframes rainbow-slide {
-        0% {
-          left: -100%;
-        }
-        50% {
-          left: 100%;
-        }
-        100% {
-          left: -100%;
-        }
-      }
-
-      @keyframes rainbow-text {
-        0%,
-        100% {
-          background-position: 0% 50%;
-        }
-        50% {
-          background-position: 100% 50%;
-        }
-      }
-
-      @keyframes rainbow-icon {
-        0% {
-          filter: hue-rotate(0deg) saturate(2) brightness(0.8) contrast(1.3)
-            drop-shadow(0 0 6px rgba(220, 20, 60, 0.4));
-        }
-        16.66% {
-          filter: hue-rotate(60deg) saturate(2.2) brightness(0.7) contrast(1.4)
-            drop-shadow(0 0 6px rgba(255, 69, 0, 0.4));
-        }
-        33.33% {
-          filter: hue-rotate(120deg) saturate(2.4) brightness(0.6) contrast(1.5)
-            drop-shadow(0 0 6px rgba(255, 165, 0, 0.4));
-        }
-        50% {
-          filter: hue-rotate(180deg) saturate(2.2) brightness(0.7) contrast(1.4)
-            drop-shadow(0 0 6px rgba(50, 205, 50, 0.4));
-        }
-        66.66% {
-          filter: hue-rotate(240deg) saturate(2) brightness(0.8) contrast(1.3)
-            drop-shadow(0 0 6px rgba(30, 144, 255, 0.4));
-        }
-        83.33% {
-          filter: hue-rotate(300deg) saturate(2.2) brightness(0.7) contrast(1.4)
-            drop-shadow(0 0 6px rgba(138, 43, 226, 0.4));
-        }
-        100% {
-          filter: hue-rotate(360deg) saturate(2) brightness(0.8) contrast(1.3)
-            drop-shadow(0 0 6px rgba(220, 20, 60, 0.4));
-        }
-      }
       &.active {
         ::ng-deep .mat-mdc-button-touch-target {
           background-color: #e3dfff;