fix sidebar styles

src/components/TheSidebar.vue

@@ -1,22 +1,22 @@
 <template lang="pug">
-  .sidebar.flex.flex-col.justify-between.pt-4.px-2.pb-7.rounded
+.sidebar.flex.flex-col.justify-between.py-4.rounded.items-center
-    .flex.flex-col.gap-y-4
+  .flex.flex-col.gap-y-4
-      base-button-sidebar(
+    base-button-sidebar(
-        v-for="button in pageSettings.filter((el) => el.id !== 'settings')",
+      v-for="button in pageSettings.filter((el) => el.id !== 'settings')",
-        :path="button.path",
+      :path="button.path",
-        :id="button.id",
+      :id="button.id",
-        :active="button.active",
+      :active="button.active",
-        :change-style-page="changeStylePage",
+      :change-style-page="changeStylePage",
-        :icon="button.icon"
+      :icon="button.icon"
-      )
+    )
-    .flex.text-4xl.flex-col.gap-y-6
+  .flex.text-4xl.flex-col.gap-y-6
-      base-button-sidebar(
+    base-button-sidebar(
-        :path="getSettings.path",
+      :path="getSettings.path",
-        :id="getSettings.id",
+      :id="getSettings.id",
-        :active="getSettings.active",
+      :active="getSettings.active",
-        :change-style-page="changeStylePage",
+      :change-style-page="changeStylePage",
-        :icon="getSettings.icon"
+      :icon="getSettings.icon"
-      )
+    )
 </template>
 
 <script>