add dropdown monitoring

src/app/styles/global-styles.scss

@@ -552,10 +552,72 @@
 	}
 }
 
+.dropdown-list-portal {
+	.dropdown-list {
+		width: 100%;
+		margin-top: 4px;
+		background-color: #ffffff;
+		border: 2px solid #e2e8f0;
+		border-radius: 12px;
+		box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+			0 4px 6px -2px rgba(0, 0, 0, 0.05);
+	}
+
+	.dropdown-item {
+		display: flex;
+		align-items: center;
+		width: 100%;
+		padding: 8px 16px;
+		font-size: 12px;
+		text-align: left;
+		cursor: pointer;
+		user-select: none;
+
+		&:hover {
+			background-color: #dbeafe;
+		}
+
+		&.current {
+			font-weight: 700;
+		}
+	}
+}
+
 .dropdown-wrapper {
 	position: relative;
 	width: 100%;
 
+	&.monitoring-dropdown {
+		max-width: 184px;
+		margin: 0 auto;
+
+		.dropdown-button {
+			font-size: 12px;
+		}
+
+		.dropdown-list {
+			position: absolute;
+			left: 0;
+			right: auto;
+			z-index: 9999;
+			width: 100%;
+			margin-top: 4px;
+
+			transform-origin: top left;
+
+			background-color: #ffffff;
+			border: 2px solid #e2e8f0;
+			border-radius: 12px;
+
+			box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+				0 4px 6px -2px rgba(0, 0, 0, 0.05);
+
+			&:focus {
+				outline: none;
+			}
+		}
+	}
+
 	.dropdown-button {
 		display: flex;
 		align-items: center;