fix(layout): resolve desktop table layout issue

[ShubhamOulkar]

Summary

Fixes #10346

Problem

The table looks skewed on the left side and gets cut off on the right side, making it appear uneven and not well-aligned.

Solution

Adjusted the table width from vw/cal() to filling the entire container, ensuring a consistent 100% width display for improved alignment.

Screenshots

Before

After

How did you test this change?

Ran yarn dev locally and looked at the following pages:

• http://localhost:3000/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics
• http://localhost:3000/en-US/docs/Learn/CSS/Building_blocks/Values_and_units

[caugner]

@ShubhamOulkar Thank you for taking the time to investigate the issue and open this PR. 🙌

Unfortunately, the proposed changes are not sufficient and break the BCD tables on smaller screens. The BCD tables - in contrast to other tables on the site - are additionally wrapped in a figure.table-container-inner to make them scroll horizontally. In fact, this is where the 3rem/6rem of the .table-container come from:

yari/client/src/document/ingredients/browser-compatibility-table/index-desktop.scss

Lines 41 to 43 in 5d11e87

	.table-container-inner {
	min-width: max-content;
	padding: 0 3rem;

See: http://localhost:3000/en-US/docs/Web/CSS/text-overflow#browser_compatibility

Before (main)	After (this PR)

The solution for the problem will need to account for both kind of tables, regular tables (that don't scroll horizontally) and BCD tables (that scroll horizontally).

@ShubhamOulkar Do you want to further look into this? For now, I will go ahead and convert your PR to draft.

[ShubhamOulkar]

@caugner, Thanks for suggesting BCD tables. I didn't tested any of these table. I will look into it.

[caugner]

@caugner, Thanks for suggesting BCD tables. I didn't tested any of these table. I will look into it.

@ShubhamOulkar Could you have a look at #9974 and test it locally? I think it should solve the issue by avoiding that the BCD styles interfere with unrelated table containers.