Upgrade `@mui/system` from 5.16.7 to 6.1.4

## Rationale
1. This was previously attempted by the automated dependabot job but the PR tests failed.
1. This issue has been created to fix the issue as there may be multiple dependency requirements that need updating

This is a major revision upgrade and many files may need to be updated to the new syntax, functions, methods and classes

## Task
1. Upgrade the package
1. Remove this package if it is: 
    1. unused
    3. unnecessary. For example:
        1. the functionality can be maintained by using another package we are already using, 
        3. If we are using only one function or class in the package you can consider replacing it with code that resides in this repository
        4. It is used by a feature that the end user is unlikely to ever use

## Background Failing PRs

NOTE! Based on the errors the code needs to be updated in at least 40 files

- https://github.com/PalisadoesFoundation/talawa-admin/pull/2349
- https://github.com/PalisadoesFoundation/talawa-admin/actions/runs/11430832511/job/31798968177?pr=2349

## Screenshot

- The test that failed in the dependabot PR has the output in the screen shot below  

![image](https://github.com/user-attachments/assets/812b09f5-ae43-4f7a-9c49-88151852abce)


## Release Note Details
Bumps [@mui/system](https://github.com/mui/material-ui/tree/HEAD/packages/mui-system) from 5.16.7 to 6.1.4.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a href="https://github.com/mui/material-ui/releases"><code>@​mui/system</code>'s releases</a>.</em></p>
<blockquote>
<h2>v6.1.4</h2>

<p><em>Oct 15, 2024</em></p>
<p>A big thanks to the 9 contributors who made this release possible.</p>
<h3><code>@mui/material@6.1.4</code></h3>
<ul>
<li>[Checkbox] Fix disableRipple regression (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44099">#44099</a>) <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a></li>
<li>[IconButton] Fix disableRipple behavior when disableRipple is set in MuiButtonBase theme (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43714">#43714</a>) <a href="https://github.com/sai6855"><code>@​sai6855</code></a></li>
<li>Make the palette always return new light and dark object (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44059">#44059</a>) <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a></li>
<li>Simplify createPalette (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44075">#44075</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
</ul>
<h3>Docs</h3>
<ul>
<li>Improve Toolpad Core docs (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43796">#43796</a>) <a href="https://github.com/bharatkashyap"><code>@​bharatkashyap</code></a></li>
<li>Tweak Joy UI section in README (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44103">#44103</a>) <a href="https://github.com/aarongarciah"><code>@​aarongarciah</code></a></li>
<li>Fix 404 link to Next.js <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[toolpad core] In the sidebar, move 'new' label to the components (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44070">#44070</a>) <a href="https://github.com/prakhargupta1"><code>@​prakhargupta1</code></a></li>
<li>Fix small typo on Grid2 page (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44062">#44062</a>) <a href="https://github.com/zanivan"><code>@​zanivan</code></a></li>
<li>Clarify suggestions to use <code>@mui/styles</code> in v5 migration docs (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44049">#44049</a>) <a href="https://github.com/samuelsycamore"><code>@​samuelsycamore</code></a></li>
</ul>
<h3>Core</h3>
<ul>
<li>[code-infra] Link to production app for bundle size (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44076">#44076</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[code-infra] Disable cron job for React 17 tests (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44065">#44065</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>Remove [website] from changelog (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44069">#44069</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>Apply <a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44052">#44052</a> to the latest release as well <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>Fix proptypes generation when multiple components per file (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44058">#44058</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>Remove &lt;-- from changelog (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44052">#44052</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[examples] Avoid git diff when playing with examples <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[test] Remove dead code (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44056">#44056</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
</ul>
<p>All contributors of this release in alphabetical order: <a href="https://github.com/aarongarciah"><code>@​aarongarciah</code></a>, <a href="https://github.com/bharatkashyap"><code>@​bharatkashyap</code></a>, <a href="https://github.com/Janpot"><code>@​Janpot</code></a>, <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a>, <a href="https://github.com/prakhargupta1"><code>@​prakhargupta1</code></a>, <a href="https://github.com/sai6855"><code>@​sai6855</code></a>, <a href="https://github.com/samuelsycamore"><code>@​samuelsycamore</code></a>, <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a>, <a href="https://github.com/zanivan"><code>@​zanivan</code></a></p>
<h2>v6.1.3</h2>
<p><em>Oct 9, 2024</em></p>
<p>A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:</p>
<ul>
<li>🚀 Improved performance on styled components by pre-serializing and caching the styles (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43412">#43412</a>) <a href="https://github.com/romgrk"><code>@​romgrk</code></a></li>
</ul>
<h3><code>@mui/material@6.1.3</code></h3>
<ul>
<li>&amp;<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/8203">#8203</a>;Change React.ReactElement to React.ReactElement (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43402">#43402</a>) <a href="https://github.com/sai6855"><code>@​sai6855</code></a></li>
<li>&amp;<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/8203">#8203</a>;[Badge] Make keys in anchor origin partial (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43950">#43950</a>) <a href="https://github.com/sai6855"><code>@​sai6855</code></a></li>
<li>&amp;<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/8203">#8203</a>;[Grid2] Fix column spacing for nested containers (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43733">#43733</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>&amp;<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/8203">#8203</a>;[Grid2] Remove required <code>item</code> prop for <code>size</code> prop (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44027">#44027</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>&amp;<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/8203">#8203</a>;[Grid2] Add compatible props warning (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43801">#43801</a>) <a href="https://github.com/k-rajat19"><code>@​k-rajat19</code></a></li>
</ul>

</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a href="https://github.com/mui/material-ui/blob/master/CHANGELOG.md"><code>@​mui/system</code>'s changelog</a>.</em></p>
<blockquote>
<h2>v6.1.4</h2>

<p><em>Oct 15, 2024</em></p>
<p>A big thanks to the 9 contributors who made this release possible.</p>
<h3><code>@mui/material@6.1.4</code></h3>
<ul>
<li>[Checkbox] Fix disableRipple regression (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44099">#44099</a>) <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a></li>
<li>[IconButton] Fix disableRipple behavior when disableRipple is set in MuiButtonBase theme (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43714">#43714</a>) <a href="https://github.com/sai6855"><code>@​sai6855</code></a></li>
<li>Make the palette always return new light and dark object (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44059">#44059</a>) <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a></li>
<li>Simplify createPalette (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44075">#44075</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
</ul>
<h3>Docs</h3>
<ul>
<li>Improve Toolpad Core docs (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43796">#43796</a>) <a href="https://github.com/bharatkashyap"><code>@​bharatkashyap</code></a></li>
<li>Tweak Joy UI section in README (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44103">#44103</a>) <a href="https://github.com/aarongarciah"><code>@​aarongarciah</code></a></li>
<li>Fix 404 link to Next.js <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[toolpad core] In the sidebar, move 'new' label to the components (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44070">#44070</a>) <a href="https://github.com/prakhargupta1"><code>@​prakhargupta1</code></a></li>
<li>Fix small typo on Grid2 page (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44062">#44062</a>) <a href="https://github.com/zanivan"><code>@​zanivan</code></a></li>
<li>Clarify suggestions to use <code>@mui/styles</code> in v5 migration docs (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44049">#44049</a>) <a href="https://github.com/samuelsycamore"><code>@​samuelsycamore</code></a></li>
</ul>
<h3>Core</h3>
<ul>
<li>[code-infra] Link to production app for bundle size (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44076">#44076</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[code-infra] Disable cron job for React 17 tests (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44065">#44065</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>Remove [website] from changelog (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44069">#44069</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>Apply <a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44052">#44052</a> to the latest release as well <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>Fix proptypes generation when multiple components per file (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44058">#44058</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
<li>Remove &lt;-- from changelog (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44052">#44052</a>) <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[examples] Avoid git diff when playing with examples <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a></li>
<li>[test] Remove dead code (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44056">#44056</a>) <a href="https://github.com/Janpot"><code>@​Janpot</code></a></li>
</ul>
<p>All contributors of this release in alphabetical order: <a href="https://github.com/aarongarciah"><code>@​aarongarciah</code></a>, <a href="https://github.com/bharatkashyap"><code>@​bharatkashyap</code></a>, <a href="https://github.com/Janpot"><code>@​Janpot</code></a>, <a href="https://github.com/oliviertassinari"><code>@​oliviertassinari</code></a>, <a href="https://github.com/prakhargupta1"><code>@​prakhargupta1</code></a>, <a href="https://github.com/sai6855"><code>@​sai6855</code></a>, <a href="https://github.com/samuelsycamore"><code>@​samuelsycamore</code></a>, <a href="https://github.com/siriwatknp"><code>@​siriwatknp</code></a>, <a href="https://github.com/zanivan"><code>@​zanivan</code></a></p>
<h2>v6.1.3</h2>

<p><em>Oct 9, 2024</em></p>
<p>A big thanks to the 18 contributors who made this release possible. Here are some highlights ✨:</p>
<ul>
<li>🚀 Improved performance on styled components by pre-serializing and caching the styles (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43412">#43412</a>) <a href="https://github.com/romgrk"><code>@​romgrk</code></a></li>
</ul>
<h3><code>@mui/material@6.1.3</code></h3>
<ul>
<li>Change React.ReactElement to React.ReactElement (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43402">#43402</a>) <a href="https://github.com/sai6855"><code>@​sai6855</code></a></li>
</ul>

</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a href="https://github.com/mui/material-ui/commit/15ea548de803e4602894cae6304a497d7ddaf09c"><code>15ea548</code></a> [release] v6.1.4 (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44104">#44104</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/93f0d6abdf11c189a80b1d9f79c4a778f991c641"><code>93f0d6a</code></a> Bump babel (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44009">#44009</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/c7de2cae15cc7b7025ad79e3623320526ed16462"><code>c7de2ca</code></a> [release] v6.1.3 (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44038">#44038</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/c36b831580de56dc7a7d91ee59d1459dab982699"><code>c36b831</code></a> Bump <code>@​types/react</code> to v18.3.11 (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44007">#44007</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/e1f01cf731b8d7b451d11f110ecc46c5717cb8c9"><code>e1f01cf</code></a> [system] Make createGrid compatible with React 19 types (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/44035">#44035</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/0210994f99766558b8b392bed1acdc848bee771d"><code>0210994</code></a> [code-infra] Move MuiError babel macro to babel plugin (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43904">#43904</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/fee6fdd3490ab5b0be882d064cea7f2a29577f99"><code>fee6fdd</code></a> [typescript] <code>SystemCSSProperties</code> should not have <code>SystemStyleObject</code> as val...</li>
<li><a href="https://github.com/mui/material-ui/commit/e74c65974b59900b67709c11951f934eb0e63a68"><code>e74c659</code></a> [grid] Fix column spacing for nested containers (<a href="https://github.com/mui/material-ui/tree/HEAD/packages/mui-system/issues/43733">#43733</a>)</li>
<li><a href="https://github.com/mui/material-ui/commit/46869bcbff37d2c5b796bb3364d92783f07b2ad3"><code>46869bc</code></a> [material-ui] Change React.ReactElement&lt;any&gt; to React.ReactElement&lt;unknown&gt;  ...</li>
<li><a href="https://github.com/mui/material-ui/commit/e430fcc5d5e54d56d43a463837c507c1815e5dd7"><code>e430fcc</code></a> [system] Add empty interfaces to fix issue with typescript module augmentatio...</li>
<li>Additional commits viewable in <a href="https://github.com/mui/material-ui/commits/v6.1.4/packages/mui-system">compare view</a></li>
</ul>
</details>
<br />


[![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@mui/system&package-manager=npm_and_yarn&previous-version=5.16.7&new-version=6.1.4)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`.

[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)

---

<details>
<summary>Dependabot commands and options</summary>
<br />

You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
- `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)


</details>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Upgrade `@mui/system` from 5.16.7 to 6.1.4 #2361

Rationale

Task

Background Failing PRs

Screenshot

Release Note Details

v6.1.4

`@mui/[email protected]`

Docs

Core

v6.1.3

`@mui/[email protected]`

v6.1.4

`@mui/[email protected]`

Docs

Core

v6.1.3

`@mui/[email protected]`

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Uh oh!

Upgrade @mui/system from 5.16.7 to 6.1.4 #2361

Description

Rationale

Task

Background Failing PRs

Screenshot

Release Note Details

v6.1.4

@mui/[email protected]

Docs

Core

v6.1.3

@mui/[email protected]

v6.1.4

@mui/[email protected]

Docs

Core

v6.1.3

@mui/[email protected]

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions

Upgrade `@mui/system` from 5.16.7 to 6.1.4 #2361

`@mui/[email protected]`

`@mui/[email protected]`

`@mui/[email protected]`

`@mui/[email protected]`