Update button design for cards

.astro/settings.json

@@ -3,6 +3,6 @@
 		"enabled": false
 	},
 	"_variables": {
-		"lastUpdateCheck": 1725962974592
+		"lastUpdateCheck": 1727087951727
 	}
 }

src/components/Dashboard/DashboardAiRoadmaps.tsx

@@ -28,18 +28,15 @@ export function DashboardAiRoadmaps(props: DashboardAiRoadmapsProps) {
     <>
       <div className="mb-2 mt-6 flex items-center justify-between gap-2">
         <h2 className="text-xs uppercase text-gray-400">
-          AI Generated Roadmaps
+          My AI Roadmaps
         </h2>
 
-        {!isLoading && roadmaps.length !== 0 && (
         <a
           href="/ai/explore"
-            className="flex items-center gap-1 text-xs text-gray-500 hover:text-black"
+          className="rounded-full bg-gray-200 px-2.5 py-0.5 text-xs font-medium text-gray-700 hover:bg-gray-300 hover:text-black"
         >
-            <ArrowUpRight size={12} />
           AI Generated Roadmaps
         </a>
-        )}
       </div>
 
       {!isLoading && roadmaps.length === 0 && (

src/components/Dashboard/ListDashboardCustomProgress.tsx

@@ -48,18 +48,15 @@ export function ListDashboardCustomProgress(
 
       <div className="mb-2 mt-6 flex items-center justify-between gap-2">
         <h2 className="text-xs uppercase text-gray-400">
-          {isAIGeneratedRoadmaps ? 'AI Generated Roadmaps' : 'Custom Roadmaps'}
+          {isAIGeneratedRoadmaps ? 'My AI Roadmaps' : 'My Custom Roadmaps'}
         </h2>
 
-        {!isLoading && progresses.length !== 0 && (
         <a
-            href="/ai/explore"
+          href="/community"
-            className="flex items-center gap-1 text-xs text-gray-500 hover:text-black"
+          className="rounded-full bg-gray-200 px-2.5 py-0.5 text-xs font-medium text-gray-700 hover:bg-gray-300 hover:text-black"
         >
-            <ArrowUpRight size={12} />
           Community Roadmaps
         </a>
-        )}
       </div>
 
       {!isLoading && progresses.length === 0 && isAIGeneratedRoadmaps && (