added rss container component for easier re-useability

src/lib/RssContainer.svelte

@@ -0,0 +1,9 @@
+<script>
+	import RssFeed from './RssFeed.svelte';
+	export let url;
+</script>
+
+<div>
+	<h2 class="text-xl mt-4 font-normal">Here are the last 5 commits:</h2>
+	<RssFeed {url} />
+</div>

src/routes/next.js/+page.svelte

@@ -1,6 +1,7 @@
 <script>
 	import { fade } from 'svelte/transition';
 	import RssFeed from '../../lib/RssFeed.svelte';
+	import RssContainer from '../../lib/RssContainer.svelte';
 	const weatherRss = 'https://gitea.rannes.dev/rannes.dev/local-weather.rss';
 	const titlesRss = 'https://gitea.rannes.dev/rannes.dev/titles.rss';
 </script>
@@ -40,7 +41,7 @@
 				href="https://gitea.rannes.dev/rannes.dev/titles">git repo here!</a
 			>
 		</p>
-		<RssFeed url={titlesRss} />;
+		<RssContainer url={titlesRss} />;
 	</article>
 	<article>
 		<h2 class="font-normal text-xl my-2 mt-4">Weather application</h2>
@@ -64,6 +65,6 @@
 				href="https://gitea.rannes.dev/rannes.dev/local-weather">the code here.</a
 			>
 		</p>
-		<RssFeed url={weatherRss} />
+		<RssContainer url={weatherRss} />
 	</article>
 </div>

src/routes/svelte/+page.svelte

@@ -1,6 +1,7 @@
 <script>
 	import { fade } from 'svelte/transition';
 	import RssFeed from '../../lib/RssFeed.svelte';
+	import RssContainer from '../../lib/RssContainer.svelte';
 
 	const projectRssUrl = 'https://gitea.rannes.dev/rannes.dev/my-portfolio.rss';
 </script>
@@ -18,6 +19,5 @@
 			>Read more about that here.</a
 		>
 	</p>
-	<h2 class="text-xl mt-4">Most recent commits</h2>
+	<RssContainer url={projectRssUrl} />
-	<RssFeed url={projectRssUrl} />
 </div>