style: unified accent color and changed its name to primary-color; style: back button; style: added btn css component

src/styles/css/components.css

@@ -0,0 +1,30 @@
+@layer components {
+	.btn {
+		@apply text-grayscale-900 relative border border-transparent border-solid rounded font-semibold text-sm py-0 px-2 h-8 uppercase;
+
+		font-family: inherit;
+		transition: transform 50ms ease-in-out;
+	}
+
+	.btn:active {
+		transform: scale(0.98);
+	}
+
+	.btn[disabled] {
+		@apply bg-gray-600 text-gray-300 opacity-75 cursor-not-allowed;
+	}
+
+	.btn-only-icon {
+		@apply w-12 py-0 px-1 flex justify-center items-center;
+
+		min-width: 24px;
+	}
+
+	.btn-primary {
+		@apply bg-primary;
+	}
+
+	.btn-primary:hover {
+		@apply bg-blue-600 border-foreground;
+	}
+}