fix(branding): render theme assets and dynamic metadata

app/(dashboard)/analytics/page.tsx

@@ -2,7 +2,7 @@ import { AnalyticsClient, type AnalyticsData } from "./analytics-client";
 import { parseDashboardRange, resolveDashboardRange } from "@/server/services/analytics-range";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
 
-export const metadata = { title: "Analizler - Neta" };
+export const metadata = { title: "Analizler" };
 
 export default async function AnalyticsPage({
   searchParams,

app/(dashboard)/layout.tsx

@@ -27,7 +27,7 @@ export default async function DashboardLayout({
   return (
     <DashboardShell
       branding={{
-        applicationName: branding.applicationName,
+        applicationName: branding.organizationName ?? branding.applicationName,
         organizationName: branding.organizationName,
         lightLogoUrl: branding.lightLogoUrl,
         darkLogoUrl: branding.darkLogoUrl,

app/(dashboard)/page.tsx

@@ -2,7 +2,7 @@ import { DashboardClient, type DashboardData } from "./dashboard-client";
 import { parseDashboardRange, resolveDashboardRange } from "@/server/services/analytics-range";
 import { requireFreelancerBackend } from "@/server/web/freelancer";
 
-export const metadata = { title: "Dashboard - Neta" };
+export const metadata = { title: "Dashboard" };
 
 export default async function DashboardPage({
   searchParams,

app/globals.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "poyraz-ui/preset.css";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 @source "../app/**/*.{js,ts,jsx,tsx,mdx}";
 @source "../components/**/*.{js,ts,jsx,tsx,mdx}";
 @source "../config/**/*.{js,ts,jsx,tsx,mdx}";

app/invite/[token]/page.tsx

@@ -43,7 +43,7 @@ export default async function InvitationPage({
       {query.error && query.message ? <ErrorToaster message={query.message} /> : null}
       <AuthPageShell
         branding={{
-          applicationName: branding.applicationName,
+          applicationName: branding.organizationName ?? branding.applicationName,
           lightLogoUrl: branding.lightLogoUrl,
           darkLogoUrl: branding.darkLogoUrl,
         }}

app/layout.tsx

@@ -22,11 +22,16 @@ const colorModeScript = `(() => {
 
 export function generateMetadata(): Metadata {
   const branding = getPublicBranding();
+  const faviconUrl = branding.iconUrl ?? "/logo/iconLogo.png";
   return {
     title: { default: branding.applicationName, template: `%s · ${branding.applicationName}` },
     description: "Self-hosted freelancer operating dashboard",
     manifest: "/manifest.webmanifest",
-    icons: branding.iconUrl ? { icon: branding.iconUrl, apple: branding.iconUrl } : undefined,
+    icons: {
+      icon: [{ url: faviconUrl, type: "image/png" }],
+      shortcut: [{ url: faviconUrl, type: "image/png" }],
+      apple: [{ url: faviconUrl, type: "image/png" }],
+    },
     appleWebApp: {
       capable: true,
       statusBarStyle: "default",

app/login/page.tsx

@@ -23,7 +23,7 @@ export default async function LoginPage({
       {error && message && <ErrorToaster message={String(message)} />}
       <AuthPageShell
         branding={{
-          applicationName: branding.applicationName,
+          applicationName: branding.organizationName ?? branding.applicationName,
           lightLogoUrl: branding.lightLogoUrl,
           darkLogoUrl: branding.darkLogoUrl,
         }}

app/manifest.ts

@@ -6,7 +6,7 @@ export const dynamic = "force-dynamic";
 export default function manifest(): MetadataRoute.Manifest {
   const branding = getPublicBranding();
   return {
-    name: branding.applicationName,
+    name: branding.organizationName ?? branding.applicationName,
     short_name: branding.shortName,
     description: "Self-hosted freelancer operating dashboard",
     start_url: "/",
@@ -15,9 +15,6 @@ export default function manifest(): MetadataRoute.Manifest {
     theme_color: branding.primaryColor,
     icons: branding.iconUrl
       ? [{ src: branding.iconUrl, sizes: "any", type: "image/png" }]
-      : [
-          { src: "/icons/icon-192x192.png", sizes: "192x192", type: "image/png" },
-          { src: "/icons/icon-512x512.png", sizes: "512x512", type: "image/png" },
-        ],
+      : [{ src: "/logo/iconLogo.png", sizes: "any", type: "image/png" }],
   };
 }

app/portal/layout.tsx

@@ -30,7 +30,7 @@ export default async function PortalLayout({
   return (
     <PortalShell
       branding={{
-        applicationName: branding.applicationName,
+        applicationName: branding.organizationName ?? branding.applicationName,
         organizationName: branding.organizationName,
         lightLogoUrl: branding.lightLogoUrl,
         darkLogoUrl: branding.darkLogoUrl,

app/register/page.tsx

@@ -40,7 +40,7 @@ export default async function RegisterPage({
       {error && message && <ErrorToaster message={String(message)} />}
       <AuthPageShell
         branding={{
-          applicationName: branding.applicationName,
+          applicationName: branding.organizationName ?? branding.applicationName,
           lightLogoUrl: branding.lightLogoUrl,
           darkLogoUrl: branding.darkLogoUrl,
         }}