Added database structure for profiles and tattoos. Improved sidebar appearance. Expanded new actors module.

assets/components/sidebar/sidebar.vue

@@ -5,7 +5,7 @@
     >
         <div class="sidebar-header">
             <Icon
-                icon="cross"
+                icon="cross2"
                 class="sidebar-close"
                 @click.native="toggleSidebar(false)"
             />
@@ -31,6 +31,21 @@
 
         <nav class="nav">
             <ul class="nolist">
+                <li class="nav-item">
+                    <router-link
+                        v-slot="{ href, isActive, navigate }"
+                        to="/home"
+                        @click.native="toggleSidebar(false)"
+                    >
+                        <a
+                            class="nav-link"
+                            :href="href"
+                            :class="{ active: isActive }"
+                            @click="navigate"
+                        >Home</a>
+                    </router-link>
+                </li>
+
                 <li class="nav-item">
                     <router-link
                         v-slot="{ href, isActive, navigate }"
@@ -96,7 +111,7 @@ export default {
             logoPrimary,
             logoLight,
         };
-    }
+    },
 };
 </script>
 
@@ -122,9 +137,9 @@ export default {
 }
 
 .sidebar-close {
-    width: 1.25rem;
+    width: 1.5rem;
     height: 100%;
-    padding: 0 1.5rem 0 1rem;
+    padding: 0 1rem;
     fill: var(--lighten);
 
     &:hover {