add models, setup livewire, setup mongodb

resources/css/app.css

@@ -1,11 +1,52 @@
-@import 'tailwindcss';
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/webawesome.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/utilities.css');
+
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/tailspin.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/color/bright.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/brand/purple.css');
+@import url('https://early.webawesome.com/webawesome@3.0.0-alpha.13/dist/styles/themes/awesome/typography.css');
+
+html,
+body {
+	min-height: 100%;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
+
+:where(:root),
+:host,
+.wa-theme-nyaabooru {
+    --wa-icon-family: classic;
+    --wa-icon-variant: light;
+    --wa-border-radius-scale: 0.5;
+    --wa-space-scale: 1;
+    --wa-border-width-scale: 1;
+}
+
+wa-page {
+	--menu-width: 15rem;
+	--aside-width: 15rem;
+}
+
+wa-page[view='desktop'] {
+	[slot*='navigation'] {
+		border-inline-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
+	}
+}
+
+wa-page[view='mobile'] {
+	--menu-width: auto;
+	--aside-width: auto;
+}
+
+[slot='header'] {
+	--wa-link-decoration-default: none;
+	border-block-end: var(--wa-border-width-s) var(--wa-border-style) var(--wa-color-surface-border);
+}
 
 @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
 @source '../../storage/framework/views/*.php';
 @source '../**/*.blade.php';
 @source '../**/*.js';
 
-@theme {
-    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-        'Segoe UI Symbol', 'Noto Color Emoji';
-}