chore: add accessibility warning of links opening in new tabs

Author: brettkolodny

src/client/App.tsx

@@ -178,6 +178,7 @@ export const App = () => {
 						rel="noreferrer"
 						className="font-light text-content-secondary text-sm hover:text-content-primary"
 					>
+						<span className="sr-only"> (link opens in new tab)</span>
 						Coder
 					</a>
 					<a
@@ -186,6 +187,7 @@ export const App = () => {
 						rel="noreferrer"
 						className="font-light text-content-secondary text-sm hover:text-content-primary"
 					>
+						<span className="sr-only"> (link opens in new tab)</span>
 						Docs
 					</a>
 					<ExampleSelector />
@@ -325,6 +327,7 @@ const ExampleSelector: FC = () => {
 						return (
 							<DropdownMenuItem key={slug} asChild={true}>
 								<a href={href} target="_blank" rel="noreferrer">
+									<span className="sr-only"> (link opens in new tab)</span>
 									<ExternalLinkIcon />
 									{title}
 								</a>

src/client/Preview.tsx

@@ -244,6 +244,7 @@ const PreviewEmptyState = () => {
 					rel="noreferrer"
 					className="flex items-center gap-0.5 text-content-link text-sm"
 				>
+					<span className="sr-only"> (link opens in new tab)</span>
 					Read the docs
 					<span className="inline">
 						<ExternalLinkIcon width={16} />