MudTabs: Fix slider misalignment when component is scaled

[liamAU28910]

To prevent issues with page scaling, the slider underneath a tab's position and scale are set to a percentage based on the active tabs size relative to the size of all panels.

Description

Fixes #11404

How Has This Been Tested?

A scale of 0.75 was applied in the MainLayout.razor to reproduce the bug then tested visually.

Visual testing for fixed width tabs:
Pre-fix:

Post fix:

Visual testing for variable width and vertical tabs:
Pre-fix:

Post fix:

Type of Changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Documentation (fix or improvement to the website or code docs)

Checklist

• The PR is submitted to the correct branch (dev).
• My code follows the code style of this project.
• I've added relevant tests. (Updated existing tests to expect percentage values instead of pixel values. Due to floating point precision error, checking for approxomations with a precision of 0.00001)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.10%. Comparing base (6e7b5da) to head (fb55b99).
Report is 2 commits behind head on dev.

Additional details and impacted files

@@           Coverage Diff           @@
##              dev   #11405   +/-   ##
=======================================
  Coverage   91.10%   91.10%           
=======================================
  Files         465      465           
  Lines       14407    14407           
  Branches     2788     2788           
=======================================
  Hits        13126    13126           
  Misses        642      642           
  Partials      639      639           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[danielchalmers]

Nice work!

[MattiasDeparcqB]

@danielchalmers
The width style is not in the correct format anymore for me. I get comma's in the value (width:24,16975476196096%;)
The extension previously used formatted the double like this:
public static string ToPx(this double val) => $"{val.ToString("0.##", CultureInfo.InvariantCulture)}px";
Maybe a new extension should be created to 'ToPct' or use at least this one when calling the add style
https://github.com/MudBlazor/MudBlazor/blob/dev/src/MudBlazor/Extensions/DoubleExtensions.cs

[danielchalmers]

@MattiasDeparcqB Could you create a new issue about this for me?

[MattiasDeparcqB]

@MattiasDeparcqB Could you create a new issue about this for me?
Created this one: #11448