format large numbers per locale (#34579)

[Jasonw74]

Why:

Closes:

What's being changed (if available, include any code snippets, screenshots, or gifs):

Check off the following:

• A subject matter expert (SME) has reviewed the technical accuracy of the content in this PR. In most cases, the author can be the SME. Open source contributions may require a SME review from GitHub staff.
• The changes in this PR meet the docs fundamentals that are required for all content.
• All CI checks are passing.

[Jasonw74]

Why:

Closes:

What's being changed (if available, include any code snippets, screenshots, or gifs):

Check off the following:

• A subject matter expert (SME) has reviewed the technical accuracy of the content in this PR. In most cases, the author can be the SME. Open source contributions may require a SME review from GitHub staff.
• The changes in this PR meet the docs fundamentals that are required for all content.
• All CI checks are passing.

[Jasonw74]

approve the comments

[Jasonw74]

/* Example CSS Module (or regular CSS) /
.my-3 {
margin-top: 1rem; / Or your preferred spacing */
margin-bottom: 1rem;
}

.mr-auto {
margin-right: auto;
margin-left: auto;
}

.width-full {
width: 100%;
}

[Jasonw74]

import React from 'react';
import cx from 'classnames';
import {Link} from 'react-router-dom'; // example using react router.

function Breadcrumbs() {
return (
<div className={cx('my-3 mr-auto width-full')} data-search="breadcrumbs">
Home / Category / Current Page

);
}

export default Breadcrumbs;

[Jasonw74]

import React from 'react';
import cx from 'classnames';
import { Link, useLocation } from 'react-router-dom';

function Breadcrumbs() {
const location = useLocation();
const pathSegments = location.pathname.split('/').filter(segment => segment);
let currentPath = '';

const breadcrumbs = pathSegments.map((segment, index) => {
currentPath += /${segment};
const displayName = segment.charAt(0).toUpperCase() + segment.slice(1);
return (
<React.Fragment key={index}>
{displayName}
{index < pathSegments.length - 1 && ' / '}
</React.Fragment>
);
});

return (
<div className={cx('my-3 mr-auto width-full')} data-search="breadcrumbs">
Home
{breadcrumbs.length > 0 && ' / '}
{breadcrumbs}

);
}

export default Breadcrumbs;

[Jasonw74]

import React from 'react';
import cx from 'classnames';
import { Link } from 'react-router-dom';

function Breadcrumbs() {
return (

<div className={cx('my-3 mr-auto width-full')} data-search="breadcrumbs">

1. Home


2. Category


3. Current Page

);
}

export default Breadcrumbs;