add stuff table, add stuff remove and add interfaces

src/app/styles/global-styles.scss

@@ -8,6 +8,7 @@
 	--success-color: #10b981;
 	--success-hover: #0d8a60;
 	--danger-color: #ef4444;
+	--danger-hover: #bd3434;
 	--warning-color: #f59e0b;
 	--warning-hover: #b3750b;
 	--info-color: #3b82f6;
@@ -93,29 +94,29 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
+}
 
-	.show-password-button {
-		cursor: pointer;
-		position: absolute;
-		top: 50%;
-		right: 0px;
-		padding: 10px;
-		transform: translateY(-50%);
+.show-password-button {
+	cursor: pointer;
+	position: absolute;
+	top: 50%;
+	right: 0px;
+	padding: 10px;
+	transform: translateY(-50%);
 
-		svg {
-			width: 16px;
-			color: var(--secondary-hover);
-			transition: color 0.2s ease;
+	svg {
+		width: 16px;
+		color: var(--secondary-hover);
+		transition: color 0.2s ease;
 
-			&:hover {
-				color: var(--primary-hover);
-			}
+		&:hover {
+			color: var(--primary-hover);
 		}
+	}
 
-		&.show {
-			svg {
-				color: var(--primary-hover);
-			}
+	&.show {
+		svg {
+			color: var(--primary-hover);
 		}
 	}
 }
@@ -285,6 +286,15 @@
 		}
 	}
 
+	.btn-danger {
+		background: var(--danger-color);
+		color: white;
+
+		&:hover {
+			background: var(--danger-hover);
+		}
+	}
+
 	.btn {
 		padding: 12px 24px;
 		border-radius: 8px;