feat: migrate from Material Icons to Material Symbols

[gugu]

• Add self-hosted @material-symbols/font-400 npm package
• Configure MAT_ICON_DEFAULT_OPTIONS for Material Symbols font
• Remove Google Fonts CDN links from index.html files
• Update icon names for Material Symbols compatibility:
  • check_small → check, close_small → close
  • exit_to_app → logout, delete_outline → delete
  • info_outline → info, mail_outline → mail
• Update all fontSet references from material-icons-outlined to material-symbols-outlined

[Copilot]

Pull request overview

This pull request migrates the frontend from Google Fonts CDN-hosted Material Icons to self-hosted Material Symbols font package. The migration updates icon names and font references to use the Material Symbols font family.

Changes:

• Added @material-symbols/font-400 npm package and configured Angular to use self-hosted Material Symbols font
• Removed Google Fonts CDN links for Material Icons from HTML files
• Updated all icon names and fontSet references throughout the application for Material Symbols compatibility

Reviewed changes

Copilot reviewed 22 out of 23 changed files in this pull request and generated no comments.

Show a summary per file

File	Description
frontend/yarn.lock	Added dependency for @material-symbols/font-400@0.40.2
frontend/package.json	Added @material-symbols/font-400 package
frontend/angular.json	Configured Angular to include Material Symbols CSS in build
frontend/src/main.ts	Configured MAT_ICON_DEFAULT_OPTIONS to use material-symbols-outlined fontSet
frontend/src/index.saas.html	Removed Google Fonts CDN link for Material Icons
frontend/src/index.html	Removed Google Fonts CDN link for Material Icons
frontend/src/app/components/users/users.component.html	Updated fontSet to material-symbols-outlined and icon names (vpn_key_outline→vpn_key, delete_outline→delete)
frontend/src/app/components/user-settings/user-settings.component.html	Updated icon names (mail_outline→mail, info_outline→info, delete_outline→delete)
frontend/src/app/components/upgrade/upgrade.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/ui-components/table-display-fields/url/url.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/ui-components/table-display-fields/boolean/boolean.component.html	Updated icon names (check_small→check, close_small→close)
frontend/src/app/components/ui-components/record-view-fields/url/url.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/ui-components/record-view-fields/foreign-key/foreign-key.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/ui-components/record-view-fields/boolean/boolean.component.html	Updated icon names (check_small→check, close_small→close)
frontend/src/app/components/db-table-row-edit/db-table-row-edit.component.html	Updated fontSet to material-symbols-outlined and icon name (info_outline→info)
frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.html	Updated class names from material-icons to material-symbols-outlined and fontSet references
frontend/src/app/components/dashboard/db-tables-list/db-tables-list.component.css	Updated CSS selector from material-icons-outlined to material-symbols-outlined
frontend/src/app/components/dashboard/db-table-view/saved-filters-panel/saved-filters-panel.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/dashboard/db-table-view/db-table-widgets/widget/widget.component.html	Updated icon name (delete_outline→delete)
frontend/src/app/components/dashboard/db-table-view/db-table-view.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/dashboard/db-table-view/db-table-row-view/db-table-row-view.component.html	Updated fontSet to material-symbols-outlined
frontend/src/app/components/company/company.component.html	Updated icon names (info_outline→info, mail_outline→mail) and fontSet references
frontend/src/app/app.component.html	Updated icon names (help_outlined→help, exit_to_app→logout) and fontSet references

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.