Move app to apps/web-react in pnpm workspace layout

apps/web-react/app/features/comp-analyzer/components/SpecialRangeVisualization.module.css

@@ -0,0 +1,60 @@
+.container {
+	display: flex;
+	flex-direction: column;
+	gap: var(--s-2);
+}
+
+.legend {
+	display: flex;
+	gap: var(--s-4);
+	font-size: var(--font-xs);
+	color: var(--color-text-high);
+}
+
+.legendItem {
+	display: flex;
+	align-items: center;
+	gap: var(--s-1-5);
+}
+
+.legendSwatch {
+	width: 12px;
+	height: 12px;
+	border-radius: 2px;
+}
+
+.row {
+	display: grid;
+	grid-template-columns: 32px 1fr 3rem;
+	align-items: center;
+	gap: var(--s-2);
+}
+
+.track {
+	position: relative;
+	height: 14px;
+	border-radius: var(--radius-field);
+	background: var(--color-bg-high);
+	overflow: hidden;
+}
+
+.bar {
+	position: absolute;
+	inset-block: 0;
+	inset-inline-start: 0;
+	border-radius: var(--radius-field);
+}
+
+.blast {
+	position: absolute;
+	inset-block: 0;
+	opacity: 0.4;
+}
+
+.range {
+	font-size: var(--font-xs);
+	font-weight: var(--weight-semi);
+	color: var(--color-text-high);
+	text-align: end;
+	font-variant-numeric: tabular-nums;
+}