fix(roadmap): address CodeRabbit review feedback

- Add target="_blank" and rel="noopener noreferrer" to external GitHub
  links in FeaturedSection.tsx (PRD and PR links)
- Add target="_blank" and rel="noopener noreferrer" to external GitHub
  links in InitiativeCard.tsx (issues and PRs)
- Add target="_blank" and rel="noopener noreferrer" to external GitHub
  links in FeaturedDrawer.tsx (PRD and PR links)
- Guard against division by zero in RoadmapStats.tsx progress bar
  width calculations

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: osterman

website/src/components/Roadmap/FeaturedDrawer.tsx

@@ -160,6 +160,8 @@ export default function FeaturedDrawer({
                   <Link
                     to={`https://github.com/cloudposse/atmos/blob/main/docs/prd/${item.prd}.md`}
                     className={styles.drawerLinkButton}
+                    target="_blank"
+                    rel="noopener noreferrer"
                   >
                     <RiFileTextLine />
                     <span>View PRD</span>
@@ -169,6 +171,8 @@ export default function FeaturedDrawer({
                   <Link
                     to={`https://github.com/cloudposse/atmos/pull/${item.pr}`}
                     className={styles.drawerLinkButton}
+                    target="_blank"
+                    rel="noopener noreferrer"
                   >
                     <RiGitPullRequestLine />
                     <span>View PR #{item.pr}</span>

website/src/components/Roadmap/FeaturedSection.tsx

@@ -128,6 +128,8 @@ export default function FeaturedSection({ items }: FeaturedSectionProps): JSX.El
                       className={styles.featuredLink}
                       title="View PRD"
                       onClick={(e) => e.stopPropagation()}
+                      target="_blank"
+                      rel="noopener noreferrer"
                     >
                       <RiFileTextLine />
                     </Link>
@@ -138,6 +140,8 @@ export default function FeaturedSection({ items }: FeaturedSectionProps): JSX.El
                       className={styles.featuredLink}
                       title={`View PR #${item.pr}`}
                       onClick={(e) => e.stopPropagation()}
+                      target="_blank"
+                      rel="noopener noreferrer"
                     >
                       <RiGitPullRequestLine />
                     </Link>

website/src/components/Roadmap/InitiativeCard.tsx

@@ -146,6 +146,8 @@ export default function InitiativeCard({
                             to={`https://github.com/cloudposse/atmos/issues/${issue}`}
                             className={styles.initiativeIssueLink}
                             onClick={(e) => e.stopPropagation()}
+                            target="_blank"
+                            rel="noopener noreferrer"
                           >
                             #{issue}
                           </Link>
@@ -165,6 +167,8 @@ export default function InitiativeCard({
                               to={`https://github.com/cloudposse/atmos/pull/${pr.number}`}
                               className={styles.initiativePrLink}
                               onClick={(e) => e.stopPropagation()}
+                              target="_blank"
+                              rel="noopener noreferrer"
                             >
                               #{pr.number}
                             </Link>

website/src/components/Roadmap/RoadmapStats.tsx

@@ -60,13 +60,13 @@ export default function RoadmapStats({ initiatives }: RoadmapStatsProps): JSX.El
         <motion.div
           className={styles.statsProgressShipped}
           initial={{ width: 0 }}
-          animate={{ width: `${(stats.shipped / stats.total) * 100}%` }}
+          animate={{ width: `${stats.total > 0 ? (stats.shipped / stats.total) * 100 : 0}%` }}
           transition={{ duration: 0.8, ease: 'easeOut' }}
         />
         <motion.div
           className={styles.statsProgressInProgress}
           initial={{ width: 0 }}
-          animate={{ width: `${(stats.inProgress / stats.total) * 100}%` }}
+          animate={{ width: `${stats.total > 0 ? (stats.inProgress / stats.total) * 100 : 0}%` }}
           transition={{ duration: 0.8, ease: 'easeOut', delay: 0.2 }}
         />
       </div>