Improve UI

src/components/GenerateCourse/AICourseActions.tsx

@@ -1,4 +1,4 @@
-import { MoreVertical, X } from 'lucide-react';
+import { MoreVertical, Play, Trash2 } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { useOutsideClick } from '../../hooks/use-outside-click';
 import { useKeydown } from '../../hooks/use-keydown';
@@ -62,6 +62,13 @@ export function AICourseActions(props: AICourseActionsType) {
 
       {isOpen && (
         <div className="absolute right-0 top-8 z-10 w-48 overflow-hidden rounded-md border border-gray-200 bg-white shadow-lg">
+          <a
+            href={`/ai-tutor/${courseSlug}`}
+            className="flex w-full items-center gap-1.5 p-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-black disabled:cursor-not-allowed disabled:opacity-70"
+          >
+            <Play className="h-3.5 w-3.5" />
+            Start Course
+          </a>
           {!isConfirming && (
             <button
               className="flex w-full items-center gap-1.5 p-2 text-sm font-medium text-gray-500 hover:bg-gray-100 hover:text-black disabled:cursor-not-allowed disabled:opacity-70"
@@ -70,7 +77,7 @@ export function AICourseActions(props: AICourseActionsType) {
             >
               {!isDeleting ? (
                 <>
-                  <X className="h-3.5 w-3.5" />
+                  <Trash2 className="h-3.5 w-3.5" />
                   Delete Course
                 </>
               ) : (