Update Backstage favicon

[brettcurtis]

Description

Replace the default Backstage favicon with a custom osinfra.io favicon to better represent our organization's branding in browser tabs and bookmarks.

Current State

The Backstage application currently uses the default favicon files located in app/packages/app/public/:

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• apple-touch-icon.png
• safari-pinned-tab.svg
• android-chrome-192x192.png

Tasks

• Create/obtain osinfra.io favicon design
• Generate favicon files in required formats:
  • favicon.ico (16x16, 32x32, 48x48 pixels)
  • favicon-16x16.png
  • favicon-32x32.png
  • apple-touch-icon.png (180x180 pixels)
  • safari-pinned-tab.svg
  • android-chrome-192x192.png
• Replace existing favicon files in app/packages/app/public/
• Test favicon appears correctly across different browsers
• Verify favicon works on mobile devices

Files to Update

• app/packages/app/public/favicon.ico
• app/packages/app/public/favicon-16x16.png
• app/packages/app/public/favicon-32x32.png
• app/packages/app/public/apple-touch-icon.png
• app/packages/app/public/safari-pinned-tab.svg
• app/packages/app/public/android-chrome-192x192.png

Tools/Resources

• Favicon generators:
  • favicon.io
  • realfavicongenerator.net

Acceptance Criteria

• Custom osinfra.io favicon displays in browser tabs
• Favicon works correctly in Chrome, Firefox, Safari, and Edge
• Apple touch icon displays properly on iOS devices
• Android Chrome icon displays properly on Android devices
• Safari pinned tab icon works correctly