Create the upcoming events component

astro/src/components/webpage/Webpage.astro

@@ -1,6 +1,7 @@
 ---
 import Hero from '../web/Hero.astro';
 import TextWithImage from '../web/TextWithImage.astro';
+import UpcomingEvents from '../web/UpcomingEvents.astro';
 import WallOfText from '../web/WallOfText.astro';
 
 interface Props {
@@ -18,6 +19,7 @@ console.log(Astro.props.webpage);
             { component.component === "Hero" && <Hero hero={component} /> }
             { component.component === "TextWithImage" && <TextWithImage textWithImage={component} /> }
             { component.component === "WallOfText" && <WallOfText wallOfText={component} /> }
+            { component.component === "UpcomingEvents" && <UpcomingEvents upcomingEvents={component} /> }
         </Fragment>
     )) }
 </div>