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 <cursoragent@cursor.com>
Co-authored-by: Rotimi Best <rotimi-best@users.noreply.github.com>

apps/dashboard/src/routes/(org-site)/+layout.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { PageRestricted } from '$features/ui';
-  import OrgSiteFavicon from '$features/app/org-site-favicon.svelte';
   import { currentOrg } from '$lib/utils/store/org';
   import { onMount } from 'svelte';
   import { afterNavigate } from '$app/navigation';
@@ -41,8 +40,6 @@
   });
 </script>
 
-<OrgSiteFavicon org={data.org} />
-
 {#if data.org?.isRestricted || $currentOrg.isRestricted}
   <PageRestricted />
 {:else}

apps/dashboard/src/routes/+layout.svelte

@@ -13,6 +13,7 @@
   import merge from 'lodash/merge';
   import { MetaTags } from 'svelte-meta-tags';
   import { ModeWatcher } from '@cio/ui/base/dark-mode';
+  import OrgSiteFavicon from '$features/app/org-site-favicon.svelte';
 
   import '../app.css';
 
@@ -62,6 +63,17 @@
   });
 </script>
 
+{#if data.isOrgSite}
+  <OrgSiteFavicon org={data.org} />
+{/if}
+
+<svelte:head>
+  {#if !data.isOrgSite}
+    <link rel="icon" type="image/png" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
+  {/if}
+</svelte:head>
+
 <div>
   <ModeWatcher />
 

apps/dashboard/src/routes/+page.svelte

@@ -9,7 +9,6 @@
   import { Empty } from '@cio/ui/custom/empty';
   import { SimpleLogoNav } from '@cio/ui/custom/simple-logo-nav';
   import { buildOrgLandingPageProps, normalizeLandingPageSettings } from '$features/org/utils/landing-page';
-  import OrgSiteFavicon from '$features/app/org-site-favicon.svelte';
   import { basePath } from '$lib/utils/store/app';
   import { t } from '$lib/utils/functions/translations';
   import { user } from '$lib/utils/store/user';
@@ -65,7 +64,6 @@
 </svelte:head>
 
 {#if data.isOrgSite && data.org}
-  <OrgSiteFavicon org={data.org} />
   {#if data.ThemeComponent && landingPageProps}
     <svelte:component this={data.ThemeComponent} {...landingPageProps} />
   {/if}