Replace Remaining Default Branding/Favicons with custom Monogram

[anmolsah]

Context

We want to fully align the branding of Contribly. We have uploaded our custom monogram file (monogram.png) to the public/ directory, but we need to ensure that all default framework branding references (like default favicons, site icons, or OG previews) are cleanly replaced with our custom monogram across the entire codebase.

Tasks

• Verify that all pages use the new monogram in their meta() configurations for OpenGraph (og:image) and Twitter previews (twitter:image).
• Search the repository for any leftover default SVG logos or images (e.g., framework placeholders) and replace them with standard SVG assets or reference monogram.png.
• Verify that the favicon loads correctly across different browsers using /monogram.png.

Files to Review

• app/root.tsx (Favicon <link> configurations)
• app/routes/home.tsx (Explore page meta tags)

Guidelines

• Make sure all absolute URL references for meta tags use our domain: https://contribly.firstissue.dev/monogram.png.
• Run typescript compilation checks (npm run typecheck) to ensure all changes remain type-safe.