revert: restore YourAction to use text prop with join instead of list

Author: michaelmkraus

template/components/YourAction/YourAction.css

@@ -1,13 +1,9 @@
-.your-action {
-	margin: var(--db-spacing-fixed-xl) 0 var(--db-spacing-fixed-2xl);
+.your-action p {
+	white-space: pre-line;
 }
 
-.your-action ul {
-	margin: 0;
-	padding-inline-start: var(--db-spacing-fixed-md);
+.your-action {
+	margin: var(--db-spacing-fixed-xl) 0 var(--db-spacing-fixed-2xl);
 }
 
-.your-action li + li {
-	margin-block-start: var(--db-spacing-fixed-xs);
-}
 

template/components/YourAction/YourAction.tsx

@@ -8,13 +8,8 @@ const YourAction = ({ actions }: { actions: string[] }) => {
 			semantic="warning"
 			headline="Your Action"
 			variant="standalone"
-		>
-			<ul>
-				{actions.map((action) => (
-					<li key={action}>{action}</li>
-				))}
-			</ul>
-		</DBNotification>
+			text={actions.join('\n\n')}
+		/>
 	);
 };