(chore)Docs: Text updates to the new dev docs

[mltejera]

Updating some docs after getting feedback from a new engineer to the team.

[codesandbox-ci[bot]]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

[fabricteam]

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	619	639	5000
Button	mount	304	298	5000
Field	mount	1116	1104	5000
FluentProvider	mount	706	702	5000
FluentProviderWithTheme	mount	85	92	10
FluentProviderWithTheme	virtual-rerender	42	34	10
FluentProviderWithTheme	virtual-rerender-with-unmount	72	72	10
MakeStyles	mount	868	876	50000
Persona	mount	1769	1730	5000
SpinButton	mount	1406	1400	5000
SwatchPicker	mount	1493	1526	5000

[fabricteam]

🕵 fluentuiv8 No visual regressions between this PR and main

[fabricteam]

Perf Analysis (@fluentui/react-northstar)

:warning: 1 potential perf regressions detected

Potential regressions comparing to master

Scenario	Current PR Ticks	Baseline Ticks	Ratio	Regression Analysis
AccordionMinimalPerf.default	77	85	0.91:1	analysis

Perf tests with no regressions

Scenario	Current PR Ticks	Baseline Ticks	Ratio
ButtonMinimalPerf.default	101	87	1.16:1
PortalMinimalPerf.default	95	83	1.14:1
FormMinimalPerf.default	231	205	1.13:1
DividerMinimalPerf.default	212	196	1.08:1
AttachmentMinimalPerf.default	89	83	1.07:1
FlexMinimalPerf.default	158	148	1.07:1
TextMinimalPerf.default	210	196	1.07:1
TreeWith60ListItems.default	89	83	1.07:1
VideoMinimalPerf.default	461	434	1.06:1
AttachmentSlotsPerf.default	656	626	1.05:1
MenuMinimalPerf.default	521	497	1.05:1
ReactionMinimalPerf.default	221	210	1.05:1
StatusMinimalPerf.default	411	393	1.05:1
BoxMinimalPerf.default	199	192	1.04:1
ButtonOverridesMissPerf.default	649	622	1.04:1
LayoutMinimalPerf.default	210	202	1.04:1
ListNestedPerf.default	329	317	1.04:1
RefMinimalPerf.default	113	109	1.04:1
SkeletonMinimalPerf.default	199	192	1.04:1
AlertMinimalPerf.default	165	160	1.03:1
GridMinimalPerf.default	196	191	1.03:1
ListCommonPerf.default	384	374	1.03:1
ListWith60ListItems.default	373	363	1.03:1
SegmentMinimalPerf.default	198	192	1.03:1
TableManyItemsPerf.default	1148	1114	1.03:1
ChatMinimalPerf.default	465	454	1.02:1
HeaderSlotsPerf.default	461	450	1.02:1
ImageMinimalPerf.default	223	219	1.02:1
ItemLayoutMinimalPerf.default	711	698	1.02:1
ToolbarMinimalPerf.default	557	545	1.02:1
TooltipMinimalPerf.default	1270	1243	1.02:1
ChatWithPopoverPerf.default	198	196	1.01:1
CheckboxMinimalPerf.default	1159	1144	1.01:1
DialogMinimalPerf.default	449	446	1.01:1
HeaderMinimalPerf.default	207	204	1.01:1
InputMinimalPerf.default	553	548	1.01:1
SliderMinimalPerf.default	737	727	1.01:1
SplitButtonMinimalPerf.default	2222	2209	1.01:1
TextAreaMinimalPerf.default	291	287	1.01:1
TreeMinimalPerf.default	473	468	1.01:1
ButtonSlotsPerf.default	308	307	1:1
CardMinimalPerf.default	306	307	1:1
DropdownMinimalPerf.default	1431	1428	1:1
LoaderMinimalPerf.default	195	195	1:1
MenuButtonMinimalPerf.default	958	962	1:1
PopupMinimalPerf.default	347	348	1:1
TableMinimalPerf.default	251	251	1:1
CustomToolbarPrototype.default	1491	1487	1:1
AnimationMinimalPerf.default	300	304	0.99:1
EmbedMinimalPerf.default	1839	1861	0.99:1
RadioGroupMinimalPerf.default	255	258	0.99:1
DatepickerMinimalPerf.default	3564	3626	0.98:1
DropdownManyItemsPerf.default	387	396	0.98:1
LabelMinimalPerf.default	212	217	0.98:1
ListMinimalPerf.default	311	316	0.98:1
AvatarMinimalPerf.default	114	117	0.97:1
RosterPerf.default	1565	1618	0.97:1
ProviderMergeThemesPerf.default	635	654	0.97:1
IconMinimalPerf.default	387	399	0.97:1
ChatDuplicateMessagesPerf.default	152	158	0.96:1
ProviderMinimalPerf.default	199	207	0.96:1
CarouselMinimalPerf.default	258	272	0.95:1

[fabricteam]

🕵 FluentUIV0 No visual regressions between this PR and main

[fabricteam]

📊 Bundle size report

✅ No changes found

[fabricteam]

🕵 fluentuiv9 No visual regressions between this PR and main

[fabricteam]

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
BaseButton	mount	636	639	5000
Breadcrumb	mount	1697	1709	1000
Checkbox	mount	1697	1702	5000
CheckboxBase	mount	1496	1492	5000
ChoiceGroup	mount	3009	3009	5000
ComboBox	mount	677	684	1000
CommandBar	mount	6696	6680	1000
ContextualMenu	mount	15254	14183	1000
DefaultButton	mount	796	815	5000
DetailsRow	mount	2251	2267	5000
DetailsRowFast	mount	2232	2233	5000
DetailsRowNoStyles	mount	2169	2088	5000
Dialog	mount	2854	2668	1000
DocumentCardTitle	mount	235	231	1000
Dropdown	mount	2083	2029	5000
FocusTrapZone	mount	1165	1156	5000
FocusZone	mount	1101	1103	5000
GroupedList	mount	42588	42870	2
GroupedList	virtual-rerender	20582	20512	2
GroupedList	virtual-rerender-with-unmount	51500	51500	2
GroupedListV2	mount	230	218	2
GroupedListV2	virtual-rerender	223	207	2
GroupedListV2	virtual-rerender-with-unmount	222	228	2
IconButton	mount	1160	1157	5000
Label	mount	341	343	5000
Layer	mount	2765	2737	5000
Link	mount	396	407	5000
MenuButton	mount	986	975	5000
MessageBar	mount	22123	22066	5000
Nav	mount	2059	2029	1000
OverflowSet	mount	801	790	5000
Panel	mount	1864	1849	1000
Persona	mount	753	771	1000
Pivot	mount	931	885	1000
PrimaryButton	mount	966	927	5000
Rating	mount	4730	4772	5000
SearchBox	mount	944	936	5000
Shimmer	mount	1908	1946	5000
Slider	mount	1373	1328	5000
SpinButton	mount	2993	2995	5000
Spinner	mount	396	395	5000
SplitButton	mount	1899	1896	5000
Stack	mount	425	422	5000
StackWithIntrinsicChildren	mount	882	871	5000
StackWithTextChildren	mount	2689	2673	5000
SwatchColorPicker	mount	6399	6460	5000
TagPicker	mount	1465	1474	5000
Text	mount	381	383	5000
TextField	mount	946	902	5000
ThemeProvider	mount	871	862	5000
ThemeProvider	virtual-rerender	601	591	5000
ThemeProvider	virtual-rerender-with-unmount	1287	1304	5000
Toggle	mount	637	621	5000
buttonNative	mount	187	205	5000