use flowbite in tailwind config, add WIP banner to front page

src/routes/+page.svelte

@@ -1,2 +1,9 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<script>
+    import { Banner } from 'flowbite-svelte';
+</script>
+
+<div class="p-8">
+    <Banner>
+        This is a work-in-progress prototype frontend for the MONDEY website
+    </Banner>
+</div>

tailwind.config.ts

@@ -1,11 +1,29 @@
+import flowbitePlugin from 'flowbite/plugin'
+
 import type { Config } from 'tailwindcss';
 
 export default {
-	content: ['./src/**/*.{html,js,svelte,ts}'],
-
+	content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'],
+	darkMode: 'selector',
 	theme: {
-		extend: {}
+		extend: {
+			colors: {
+				// flowbite-svelte
+				primary: {
+					50: '#FFF5F2',
+					100: '#FFF1EE',
+					200: '#FFE4DE',
+					300: '#FFD5CC',
+					400: '#FFBCAD',
+					500: '#FE795D',
+					600: '#EF562F',
+					700: '#EB4F27',
+					800: '#CC4522',
+					900: '#A5371B'
+				}
+			}
+		}
 	},
 
-	plugins: [require('@tailwindcss/typography')]
+	plugins: [flowbitePlugin, require('@tailwindcss/typography')]
 } as Config;