Fix: Component definition is missing display name. (#14255)

### What problem does this PR solve?

Fix: Component definition is missing display name.

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/components/ui/dual-range-slider.tsx

@@ -80,4 +80,6 @@ const SingleFormSlider = React.forwardRef<
   );
 });
 
+SingleFormSlider.displayName = 'SingleFormSlider';
+
 export { DualRangeSlider, SingleFormSlider };

web/src/components/ui/textarea.tsx

@@ -10,8 +10,10 @@ import {
   useRef,
   useState,
 } from 'react';
-interface TextareaProps
-  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoSize'> {
+interface TextareaProps extends Omit<
+  TextareaHTMLAttributes<HTMLTextAreaElement>,
+  'autoSize'
+> {
   autoSize?: {
     minRows?: number;
     maxRows?: number;
@@ -95,9 +97,10 @@ const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
         )}
         rows={autoSize?.minRows ?? props.rows ?? undefined}
         style={{
-          maxHeight: autoSize?.maxRows && !resizable
-            ? `${autoSize.maxRows * 20}px`
-            : undefined,
+          maxHeight:
+            autoSize?.maxRows && !resizable
+              ? `${autoSize.maxRows * 20}px`
+              : undefined,
           resize,
         }}
         ref={textareaRef}
@@ -118,7 +121,7 @@ export const BlurTextarea = forwardRef<
     value: Value;
     onChange(value: Value): void;
   }
->(({ value, onChange, ...props }, ref) => {
+>(function BlurTextarea({ value, onChange, ...props }, ref) {
   const [val, setVal] = useState<Value>();
 
   const handleChange: ChangeEventHandler<HTMLTextAreaElement> = useCallback(