fix(text-area): style resize knob (VIV-1620) (#1626)

libs/components/src/lib/text-area/text-area.scss

@@ -75,6 +75,21 @@ $outline-width: 2px;
 	resize: none;
 	transition: box-shadow .2s, background-color .2s, color .2s;
 
+	@supports selector(::-webkit-resizer) {
+		&::-webkit-resizer {
+			$resizer-size: 10px;
+
+			background-image: linear-gradient(315deg, transparent 0, transparent 2px,
+				var(#{constants.$vvd-color-canvas-text}) 2px, var(#{constants.$vvd-color-canvas-text}) 3px,
+				transparent 3px, transparent 5px, var(#{constants.$vvd-color-canvas-text}) 5px,
+				var(#{constants.$vvd-color-canvas-text}) 6px, transparent 6px, transparent 8px, transparent 100%);
+			background-repeat: no-repeat;
+			background-size: $resizer-size $resizer-size;
+			block-size: $resizer-size;
+			inline-size: $resizer-size;
+		}
+	}
+
 	&:disabled {
 		opacity: 1; /* 2. correct opacity on iOS */
 		pointer-events: none;