added beginning of whitelist system

web/assets/css/tailwind.css

@@ -1,3 +1,17 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer components {
+  .sidebar-item {
+    @apply font-medium text-lg w-full px-4 py-2 rounded hover:bg-white hover:bg-opacity-5 hover:cursor-pointer flex items-center
+  }
+
+  .highlight {
+    @apply bg-primary bg-opacity-20 px-2 rounded
+  }
+}
+
+.router-link-active {
+ background-color: rgba(0, 0, 0, 20%) 
+}