feat: make markdown work

dear lord

layouts/base.vue

@@ -1,19 +1,10 @@
 <template>
-  <div class="container">
+  <div class="flex flex-col items-center w-full h-full">
     <slot />
   </div>
 </template>
 
 <style scoped>
-.container {
-  display: flex;
-  flex-direction: column;
-  margin-left: 10%;
-  margin-right: 10%;
-  height: 100%;
-  width: 100%;
-}
-
 .dark-mode body {
   background-color: #091a28;
   color: #ebf4f1;

layouts/default.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import Default from "./base.vue";
+import Base from "./base.vue";
 import Navbar from "../components/Navbar.vue";
 </script>
 
 <template>
-  <div>
+  <div class="flex flex-col items-center w-full h-full">
     <Navbar />
-    <Default>
+    <Base>
       <slot />
-    </Default>
+    </Base>
   </div>
 </template>