feat(FluentSystemIcon): add microsoft free icons

[ArgoZhang]

Link issues

fixes #501

Summary By Copilot

Regression?

• Yes
• No

Risk

• High
• Medium
• Low

Verification

• Manual (required)
• Automated

Packaging changes reviewed?

• Yes
• No
• N/A

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• Merge the latest code from the main branch

Summary by Sourcery

Introduce a new FluentSystemIcon component that bundles Microsoft’s free Fluent System Icons as a webfont and provides CSS classes for each icon.

New Features:

• Add a new BootstrapBlazor.FluentSystemIcon project and include it in the solution
• Embed the FluentSystemIcons-Light font via @font-face and define individual icon CSS classes for each glyph
• Include a minified all.min.css file with all icon definitions for optimized delivery

[sourcery-ai]

Reviewer's Guide

This PR introduces a new BootstrapBlazor.FluentSystemIcon project, embeds the Microsoft Fluent System Icons font with generated CSS mappings for each icon, and includes a bundled all.min.css stylesheet for comprehensive icon support.

Class diagram for the new FluentSystemIcon project structure

classDiagram
    class FluentSystemIcon {
        <<Component>>
        +FluentSystemIcons-Light.woff2
        +FluentSystemIcons-Light.woff
        +FluentSystemIcons-Light.ttf
        +FluentSystemIcons-Light.css
        +all.min.css
    }
    FluentSystemIcon : uses FluentSystemIcons-Light.css
    FluentSystemIcon : uses all.min.css
    FluentSystemIcon : embeds FluentSystemIcons-Light font files

Loading

File-Level Changes

Change	Details	Files
Introduce new FluentSystemIcon project	Registered the project in the solution file Created a new csproj under src/components for FluentSystemIcon	BootstrapBlazor.Extensions.sln src/components/BootstrapBlazor.FluentSystemIcon/BootstrapBlazor.FluentSystemIcon.csproj
Embed and define FluentSystemIcons-Light font	Added @font-face declaration linking woff2, woff, and ttf assets Defined a base CSS class for icon-* prefixes Generated individual CSS rules mapping each icon name to its unicode codepoint	src/components/BootstrapBlazor.FluentSystemIcon/wwwroot/FluentSystemIcons-Light.css
Include bundled all.min.css stylesheet	Added compressed all.min.css for full icon support	src/components/BootstrapBlazor.FluentSystemIcon/wwwroot/css/all.min.css

Assessment against linked issues

Issue	Objective	Addressed	Explanation
#501	Add Microsoft free Fluent System Icons to the project as a new icon set/component.	✅
#501	Integrate the Fluent System Icon font and provide CSS definitions for using the icons.	✅
#501	Bundle the necessary assets (such as font files and all.min.css) to ensure comprehensive icon support.	✅

Possibly linked issues

• feat(FluentSystemIcon): add microsoft free icons #501: The PR adds Microsoft Fluent System Icons, directly addressing the issue's request to add Microsoft free icons.

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it. You can also reply to a
  review comment with @sourcery-ai issue to create an issue from it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time. You can also comment
  @sourcery-ai title on the pull request to (re-)generate the title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time exactly where you
  want it. You can also comment @sourcery-ai summary on the pull request to
  (re-)generate the summary at any time.
• Generate reviewer's guide: Comment @sourcery-ai guide on the pull
  request to (re-)generate the reviewer's guide at any time.
• Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
  pull request to resolve all Sourcery comments. Useful if you've already
  addressed all the comments and don't want to see them anymore.
• Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
  request to dismiss all existing Sourcery reviews. Especially useful if you
  want to start fresh with a new review - don't forget to comment
  @sourcery-ai review to trigger a new review!

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.