Fix: Updated color parsing functions and optimized component logic. (#10159)

### What problem does this PR solve?

refactor(timeline, modal, dataflow-result, dataset-overview): Updated
color parsing functions and optimized component logic.

### Type of change

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

web/src/components/originui/timeline.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { cn } from '@/lib/utils';
-import { parseColorToRGBA } from '@/utils/common-util';
+import { parseColorToRGB } from '@/utils/common-util';
 import { Slot } from '@radix-ui/react-slot';
 import * as React from 'react';
 
@@ -251,7 +251,7 @@ const CustomTimeline = ({
 }: CustomTimelineProps) => {
   const [internalActiveStep, setInternalActiveStep] =
     React.useState(defaultValue);
-  const _lineColor = `rgb(${parseColorToRGBA(lineColor)})`;
+  const _lineColor = `rgb(${parseColorToRGB(lineColor)})`;
   console.log(lineColor, _lineColor);
   const currentActiveStep = activeStep ?? internalActiveStep;
 
@@ -261,7 +261,7 @@ const CustomTimeline = ({
     }
     onStepChange?.(step, id);
   };
-  const [r, g, b] = parseColorToRGBA(indicatorColor);
+  const [r, g, b] = parseColorToRGB(indicatorColor);
   return (
     <Timeline
       value={currentActiveStep}

web/src/components/ui/modal/modal.tsx

@@ -177,7 +177,7 @@ const Modal: ModalType = ({
                   <DialogPrimitive.Close asChild>
                     <button
                       type="button"
-                      className="flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted"
+                      className="flex h-7 w-7 items-center justify-center rounded-full hover:bg-muted focus-visible:outline-none"
                     >
                       {closeIcon}
                     </button>