add EOLAlert to all vulnerability posts

Author: bmuenzenmeyer

apps/site/layouts/Post.tsx

@@ -1,6 +1,7 @@
 import Preview from '@node-core/ui-components/Common/Preview';
 import type { FC, PropsWithChildren } from 'react';
 
+import EOLAlert from '#site/components/MDX/EOL/Alert';
 import WithAvatarGroup from '#site/components/withAvatarGroup';
 import WithBlogCrossLinks from '#site/components/withBlogCrossLinks';
 import WithFooter from '#site/components/withFooter';
@@ -26,6 +27,8 @@ const PostLayout: FC<PropsWithChildren> = ({ children }) => {
       <div className={styles.contentLayout}>
         <div className={styles.postLayout}>
           <main>
+            {type === 'vulnerability' && <EOLAlert />}
+
             <h1>{frontmatter.title}</h1>
 
             <section>

packages/ui-components/src/Common/AlertBox/index.stories.tsx

@@ -100,10 +100,10 @@ export const NoTitle: Story = {
     level: 'info',
     children: (
       <p>
-        Lorem ipsum dolor sit amet consectetur
-        adipisicing elit. Inventore, quasi doloremque. Totam, earum velit, sunt
-        voluptates fugiat beatae praesentium quis magni explicabo repudiandae
-        nam aut molestias ex ad sequi eum!
+        Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore,
+        quasi doloremque. Totam, earum velit, sunt voluptates fugiat beatae
+        praesentium quis magni explicabo repudiandae nam aut molestias ex ad
+        sequi eum!
       </p>
     ),
     size: 'default',