chore(web-components): Normalize exports paths

[radium-v]

Previous Behavior

The default exports for components pointed to the define.js files. This is convenient when you want to import the side-effectful define() calls for the browser. However, importing specific exports from components has to be done at the top level.

New Behavior

• The default exports for all components come from <component-name>.js
• Modules with define() calls can be imported at <component-name>/define.js
• Option exports can be imported from <component-name>/options.js
• Per-component template exports can be imported directly from <component-name>/template.js
• Per-component style exports can be imported directly from <component-name>/styles.js
• Per-component definitions can be imported directly from <component-name>/definition.js

Reviewer Notes

This PR also changes the sideEffects array to use ./dist/esm/**/define.js instead of individual entries for every define.js file. sideEffects is a nonstandard feature mainly used by Webpack, so I'm not sure if this will work everywhere. Here's the documentation for that feature.

[fabricteam]

📊 Bundle size report

✅ No changes found

[fabricteam]

🕵 fluentui-web-components-v3 No visual regressions between this PR and main