Repository: Sage/carbon (ts)

Issue:
Set aria-hidden to true in the <hr> in FlexTileDivider
### Description

As a developer using FlexTileDivider, I want aria-hidden to be explicitly set to true (or at least the option to), so that safari will not read out the break as it sometimes does. 

### Suggested solution

Either set aria-hidden in the HR tag to true or add a prop to toggle aria-hidden to true from FlexTileDivider

### Demo URL

_No response_

### Alternatives

_No response_

### Additional context

_No response_

### Confidentiality

- [x] I confirm there is no confidential or commercially sensitive information included.

Pull request:
fix(flex-tile-divider): add aria-hidden attribute to hr element
fix #7173

### Proposed behaviour

<!--
A clear and concise description of what changes this PR makes. If applicable, include any UI screenshots to help explain your request. If you are a Sage contributor, please DO NOT share any commercially sensitive information, such as UI screenshots or code from Sage products.
-->

Adds `aria-hidden` to the hr element rendered

### Current behaviour

<!--
A clear and concise description of the behaviour before this change. If applicable, include any UI screenshots to help explain your request. If you are a Sage contributor, please DO NOT share any commercially sensitive information, such as UI screenshots or code from Sage products.
-->

Assistive technologies are recognising the hr element, causing issues

### Checklist

<!-- Each PR should include the following -->

- [ ] Commits follow our style guide
- [ ] Related issues linked in commit messages if required
- [ ] Screenshots are included in the PR if useful
- [ ] All themes are supported if required
- [ ] Unit tests added or updated if required
- [ ] Playwright automation tests added or updated if required
- [ ] Storybook added or updated if required
- [ ] Translations added or updated (including creating or amending translation keys table in storybook) if required
- [ ] Typescript `d.ts` file added or updated if required
- [ ] Related docs have been updated if required

#### QA

- [ ] Tested in provided StackBlitz sandbox/Storybook
- [ ] Add new Playwright test coverage if required
- [ ] Carbon implementation matches Design System/designs
- [ ] UI Tests GitHub check reviewed if required

### Additional context

<!-- Add any other context or links about the pull request here. -->

### Testing instructions

<!--
How can a reviewer test this PR?

If this PR addresses a pre-existing bug, please include a link to a sandbox that reproduces the original bug. A starter template has been provided to help you do this:
<https://stackblitz.com/fork/github/Parsium/carbon-starter>
-->


Patch:
diff --git a/src/components/tile/flex-tile-divider/flex-tile-divider.component.tsx b/src/components/tile/flex-tile-divider/flex-tile-divider.component.tsx
index 7e3f6e1e2..95633d858 100644
--- a/src/components/tile/flex-tile-divider/flex-tile-divider.component.tsx
+++ b/src/components/tile/flex-tile-divider/flex-tile-divider.component.tsx
@@ -12,7 +12,7 @@ export const FlexTileDivider = (): JSX.Element => {
       width="100vw"
       m="0px 0px -1px 0px"
     >
-      <Hr m={0} />
+      <Hr aria-hidden="true" m={0} />
     </Box>
   );
 };


Test patch:
diff --git a/src/components/tile/flex-tile-divider/flex-tile-divider.test.tsx b/src/components/tile/flex-tile-divider/flex-tile-divider.test.tsx
new file mode 100644
index 000000000..3b21f8a47
--- /dev/null
+++ b/src/components/tile/flex-tile-divider/flex-tile-divider.test.tsx
@@ -0,0 +1,8 @@
+import React from "react";
+import { render, screen } from "@testing-library/react";
+import FlexTileDivider from "./flex-tile-divider.component";
+
+test("hr element has aria-hidden attribute set to true", () => {
+  render(<FlexTileDivider />);
+  expect(screen.getByTestId("hr")).toHaveAttribute("aria-hidden", "true");
+});