Add flush to TopNavControlLinkData (#7801) (#7809)

* Add `flush` to `TopNavControlLinkData`



* Changeset file for PR #7801 created/updated

---------



(cherry picked from commit a5882ee)

Signed-off-by: Miki <miki@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>

changelogs/fragments/7801.yml

@@ -0,0 +1,2 @@
+feat:
+- Add `flush` to `TopNavControlLinkData` ([#7801](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7801))

src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx

@@ -35,6 +35,7 @@ export type TopNavControlLinkData = TopNavControlButtonOrLinkOrIconData &
       iconSide?: EuiHeaderLinkProps['iconSide'];
       iconGap?: EuiHeaderLinkProps['iconGap'];
       color?: EuiHeaderLinkProps['color'];
+      flush?: EuiHeaderLinkProps['flush'];
       controlType: 'link';
     },
     'href' | 'run'

src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx

@@ -60,6 +60,7 @@ export function TopNavControlItem(props: TopNavControlData) {
         {props.description}
         {links?.map((linkProps) => (
           <>
+            {' '}
             {/* @ts-ignore using an undefined property to prevent abuse */}
             <TopNavControlItem {...linkProps} sizeOverride="xs" />
           </>
@@ -127,6 +128,7 @@ export function TopNavControlItem(props: TopNavControlData) {
           iconGap={iconGap}
           iconSize={props.iconSize}
           color={props.color}
+          flush={props.flush}
           className={props.className}
           href={props.href}
           target={props.target}