feat: add styles and update StatusFilterButtonComponent for improved UI

- Introduced new SCSS styles for the StatusFilterButton, enhancing the segmented control appearance.
- Updated StatusFilterButtonComponent to apply new styles and ensure proper handling of selected tab values.

Author: AbhishekA1509

src/Shared/Components/CICDHistory/StatusFilterButton.scss

@@ -0,0 +1,23 @@
+.status-filter {
+    &__container {
+        .segmented-control {
+            border-radius: 6px;
+        }
+
+
+        &:has(.popup-button-kebab) {
+            .segmented-control {
+                border-top-right-radius: 0px !important;
+                border-bottom-right-radius: 0px !important;
+            }
+
+            .popup-button-kebab {
+                background: var(--bg-segmented-control);
+
+                &:hover {
+                    background: var(--bg-hover);
+                }
+            }
+        }
+    }
+}

src/Shared/Components/CICDHistory/StatusFilterButtonComponent.tsx

@@ -24,6 +24,8 @@ import { PopupMenu, SegmentedControl } from '../../../Common'
 import { StatusFilterButtonType } from './types'
 import { getAppStatusIcon, getNodesCount, getStatusFilters } from './utils'
 
+import './StatusFilterButton.scss'
+
 export const StatusFilterButtonComponent = ({
     nodes,
     selectedTab,
@@ -100,11 +102,13 @@ export const StatusFilterButtonComponent = ({
         })),
     ]
 
+    const segmentValue = segments.find(({ value }) => value === selectedTab)?.value || null
+
     return (
-        <div className="flexbox">
+        <div className="flexbox status-filter__container">
             <SegmentedControl
                 segments={segments}
-                value={selectedTab}
+                value={segmentValue}
                 onChange={handleInlineFilterClick}
                 name="status-filter-button"
                 size={ComponentSizeType.small}
@@ -114,7 +118,7 @@ export const StatusFilterButtonComponent = ({
                 <PopupMenu autoClose>
                     <PopupMenu.Button
                         isKebab
-                        rootClassName="flex p-4 dc__border dc__no-left-radius dc__right-radius-4 bg__primary dc__hover-n50"
+                        rootClassName="flex p-4 dc__no-left-radius dc__right-radius-4 bg__primary dc__hover-n50"
                     >
                         <ICCaretDown className="icon-dim-14 scn-6" />
                     </PopupMenu.Button>