fix: simplify focus management for DesignableBanner

The previous solution was displaying a ring around the focused components and messing with the css, an attempt to remove the ring only created more issues with the existing style.

Author: Juarez Mota

dotcom-rendering/src/components/marketing/banners/designableBanner/DesignableBanner.tsx

@@ -140,11 +140,8 @@ const DesignableBanner: ReactComponent<BannerRenderProps> = ({
 	const bannerRef = useRef<HTMLDivElement>(null);
 
 	useEffect(() => {
-		const firstInteractiveChoiceCard = bannerRef.current?.querySelector(
-			'input',
-		) as HTMLElement | null;
-		if (firstInteractiveChoiceCard) {
-			firstInteractiveChoiceCard.focus();
+		if (bannerRef.current) {
+			bannerRef.current.focus();
 		}
 	}, []);