Create mainpage component

src/lib/mainpage.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+    import { Heading, Li, List } from "flowbite-svelte";
+	
+	export let meData: { sectionTitle: string, sectionItems: { content: string }[] }[] = [];
+	
+</script>
+{#each meData as mdt}
+	<Heading>{mdt.sectionTitle}</Heading>
+	<List>
+	{#each mdt.sectionItems as sectItems}
+		<Li>{sectItems.content}</Li>
+	{:else}
+		<Li>No items</Li>
+	{/each}
+	</List>
+{:else}
+	<h5>No data about me (yet!)</h5>
+{/each}