Add ai tutor link in navigation

src/components/Navigation/Navigation.astro

@@ -21,10 +21,10 @@ import { CourseAnnouncement } from '../SQLCourse/CourseAnnouncement';
       </a>
 
       <a
-        href='/roadmaps'
+        href='/ai-tutor'
         class='group relative inline text-gray-400 hover:text-white sm:hidden'
       >
-        Roadmaps
+        AI Tutor
       </a>
 
       <!-- Desktop navigation items -->
@@ -34,14 +34,23 @@ import { CourseAnnouncement } from '../SQLCourse/CourseAnnouncement';
           Start Here
         </a>
         <RoadmapDropdownMenu client:load />
-        <a href='/teams' class='group relative text-gray-400 hover:text-white'>
-          Teams
-        </a>
         <a
-          href='/changelog'
-          class='group relative ml-0.5 hidden text-gray-400 hover:text-white md:block'
+          href='/ai-tutor'
+          class='group relative mr-3 text-blue-300 hover:text-white'
         >
-          Changelog
+          AI Tutor
+          <span class='absolute -right-[11px] top-0'>
+            <span class='relative flex h-2 w-2'>
+              <span
+                class='absolute inline-flex h-full w-full animate-ping rounded-full bg-sky-400 opacity-75'
+              ></span>
+              <span class='relative inline-flex h-2 w-2 rounded-full bg-sky-500'
+              ></span>
+            </span>
+          </span>
+        </a>
+        <a href='/teams' class='group hidden xl:block relative text-gray-400 hover:text-white'>
+          Teams
         </a>
       </div>
     </div>