add search setting interface

src/app/styles/global-styles.scss

@@ -736,4 +736,49 @@
 		box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
 		/* transform: translateY(-2px); */
 	}
+}
+
+.search-settings {
+	&-wrapper {
+		margin-bottom: 20px;
+		background: #f0f9ff;
+		border: 1px solid #bfdbfe;
+		border-radius: 12px;
+		margin-bottom: 20px;
+		padding: 16px;
+		color: #1e40af;
+	}
+
+	&-header {
+		display: flex;
+		gap: 10px;
+		font-weight: 600;
+
+		&.loading {
+			opacity: 0.5;
+		}
+	}
+
+	&-item {
+		cursor: pointer;
+
+		span {
+			margin-left: 4px;
+			color: v.$red;
+
+			&.active {
+				color: v.$green;
+			}
+		}
+
+
+		&:hover {
+			text-decoration: underline;
+		}
+	}
+
+	/* 	&-action-panel {
+		display: flex;
+		gap: 10px;
+	} */
 }