fix(org): show org logo for favicon and OG image (#713)

When no custom favicon is set, fall back to the organization logo on
public org-site pages instead of the default ClassroomIO icon.

For OG images, only apply the theme-color background behind the logo
when rendering initials; real logo images now render without the tint.

Co-authored-by: Cursor Agent <[email protected]>
Co-authored-by: Rotimi Best <[email protected]>

apps/dashboard/src/lib/features/app/org-site-favicon.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
   import type { AccountOrg } from '$features/app/types';
+  import { page } from '$app/state';
   import { getOrgFaviconHref } from '$lib/utils/functions/org-branding';
 
   interface Props {
@@ -8,11 +9,13 @@
 
   let { org }: Props = $props();
 
-  const faviconHref = $derived(getOrgFaviconHref(org));
+  const faviconHref = $derived(getOrgFaviconHref(org, page.url.origin));
 </script>
 
 <svelte:head>
   {#if faviconHref}
     <link rel="icon" href={faviconHref} />
+    <link rel="shortcut icon" href={faviconHref} />
+    <link rel="apple-touch-icon" href={faviconHref} />
   {/if}
 </svelte:head>