Tutor sidebar changes

src/components/AITutor/AIFeaturedCoursesListing.tsx

@@ -1,8 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import {
-  listFeaturedAiCoursesOptions,
-  listUserAiCoursesOptions,
-  type ListUserAiCoursesQuery,
+  listFeaturedAiCoursesOptions, type ListUserAiCoursesQuery
 } from '../../queries/ai-course';
 import { queryClient } from '../../stores/query-client';
 import { useEffect, useState } from 'react';
@@ -53,7 +51,7 @@ export function AIFeaturedCoursesListing(props: AIFeaturedCoursesListingProps) {
     <>
       <div className="mb-3 flex min-h-[35px] items-center justify-between max-sm:mb-1">
         <div className="flex items-center gap-2">
-          <h2 className="text-lg font-semibold">Stuff Picks</h2>
+          <h2 className="text-lg font-semibold">Staff Picks</h2>
         </div>
       </div>
 

src/components/AITutor/AITutorSidebar.tsx

@@ -1,4 +1,4 @@
-import { BookOpen, Compass, Plus, Star } from 'lucide-react';
+import { BookOpen, Compass, Plus, Star, Users2 } from 'lucide-react';
 import { AITutorLogo } from '../ReactIcons/AITutorLogo';
 
 type AITutorSidebarProps = {
@@ -25,9 +25,9 @@ const sidebarItems = [
     icon: Star,
   },
   {
-    key: 'explore',
-    label: 'Explore',
-    href: '/ai/explore',
+    key: 'community',
+    label: 'Community',
+    href: '/ai/community',
     icon: Compass,
   },
 ];
@@ -48,7 +48,10 @@ export function AITutorSidebar(props: AITutorSidebarProps) {
             AI Tutor
           </h2>
           <span className="text-xs text-gray-500">
-            by <a href="/" className="hover:underline underline-offset-2">roadmap.sh</a>
+            by{' '}
+            <a href="/" className="underline-offset-2 hover:underline">
+              roadmap.sh
+            </a>
           </span>
         </div>
         <p className="max-w-[150px] text-xs text-gray-500">

src/components/GenerateCourse/AICourse.tsx

@@ -118,7 +118,7 @@ export function AICourse(props: AICourseProps) {
                   className="mr-1"
                   id="fine-tune-checkbox"
                 />
-                Explain more for better course
+                Explain more for a better course
               </label>
             </div>
 

src/pages/ai/community.astro

@@ -11,7 +11,7 @@ const ogImage = 'https://roadmap.sh/og-images/ai-tutor.png';
   ogImageUrl={ogImage}
   description='Learn anything with AI Tutor. Pick a topic, choose a difficulty level and the AI will guide you through the learning process.'
 >
-  <AITutorLayout activeTab='explore' client:load>
+  <AITutorLayout activeTab='community' client:load>
     <section class='flex grow flex-col bg-gray-100'>
       <div class='mx-auto w-full flex max-w-4xl flex-col py-10 max-sm:py-4'>
         <AIExploreCourseListing client:load />