Add logo file and incorporate in toolbar and favicon

[xylo04]

Adds the ClubShack.png logo file and integrates it into the application.

Changes Made

• Logo file: Added web/public/ClubShack.png as the site logo asset
• Toolbar: Displays the logo image in the site toolbar between the navigation menu button and the app title (app.html, app.scss)
• Favicon: Replaced the Angular placeholder favicon.ico with a PNG favicon <link> tag in index.html referencing ClubShack.png, so browsers use the logo as the tab/bookmark icon

[supabase]

This pull request has been ignored for the connected project cpibdotiiptojhawnpff because there are no changes detected in backend/supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

---

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

[xylo04]

@copilot please incorporate this new logo file in the site toolbar and the favicon metadata.

[cloudflare-workers-and-pages]

Deploying station-reservation with    Cloudflare Pages

Latest commit:	29ea0f5
Status:	✅  Deploy successful!
Preview URL:	https://37b9dd3f.station-reservation.pages.dev
Branch Preview URL:	https://add-logo.station-reservation.pages.dev

View logs

[Copilot]

@copilot please incorporate this new logo file in the site toolbar and the favicon metadata.

Done! The logo is now incorporated in two places:

1. Toolbar (app.html): Added the ClubShack.png image between the menu button and the title, with a .toolbar-logo CSS class (36px height with a small right margin).
2. Favicon metadata (index.html): Added a <link rel="icon" type="image/png" sizes="988x988" href="ClubShack.png" /> tag alongside the existing .ico entry so modern browsers will pick up the PNG logo as the tab icon.

Commits: 826f7d4 → Incorporate logo in toolbar and favicon metadata, Fix logo alt text and favicon sizes attribute.

[xylo04]

@copilot remove the old favicon, it's just an Angular placeholder and I think the browser is finding that first and using it.

[Copilot]

@copilot remove the old favicon, it's just an Angular placeholder and I think the browser is finding that first and using it.

Done — favicon.ico has been deleted and its <link> tag removed from index.html. The PNG is now the only favicon reference.