[Slider] Remove not needed mark in range Sliders

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Whenever both the start and the end points have been dragged to the end of the slider an extra mark has been added at the end of the slider which is visible when both the drag points aren’t at the end.

Expected behavior 🤔

The extra mark in the slider must be removed and retain the required marks that has been provided in the props.

Steps to reproduce 🕹

Steps:

1. Add marks to the range slider for both range start and end as follows.
2. Drag both the range points to the end of the slider.
3. Now drag both the range points from the end to another position.
4. Now we will be able to get three marks where the third one isn’t a required one and must have been removed.

Context 🔦

We have been using the range slider for a requirement in our project, where the user needs to choose certain range and the user needs to be provided with the labels of their selections. Since the marks might overwrite one another we needed to keep the marks to the minimal amount, In this case its getting added up by one.

Your environment 🌎

`npx @mui/5.5.2`

  Chrome latest version
  Output from `npx @mui/5.5.2` goes here.

[kskd1804]

@michaldudak Created the PR #33526

[michaldudak]

Looks good to me. Please create a PR with this change.