completed the frontend dashboard component and bound it to the tenant admin pwa for the optimal onboarding experience.. Added a profile page.

resources/js/components/app-logo.tsx

@@ -1,14 +1,19 @@
-import AppLogoIcon from './app-logo-icon';
+import { usePage } from '@inertiajs/react';
+
+import { type SharedData } from '@/types';
 
 export default function AppLogo() {
+    const { translations } = usePage<SharedData>().props;
+    const areaLabel =
+        (translations?.dashboard?.navigation?.group_label as string | undefined) ?? 'Kundenbereich';
+
     return (
-        <>
-            <div className="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground">
-                <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
+        <div className="flex items-center gap-3">
+            <img src="/logo-transparent-md.png" alt="Fotospiel" className="h-10 w-auto" />
+            <div className="grid text-left leading-tight">
+                <span className="text-sm font-semibold text-sidebar-foreground">Fotospiel</span>
+                <span className="text-xs text-sidebar-foreground/70">{areaLabel}</span>
             </div>
-            <div className="ml-1 grid flex-1 text-left text-sm">
-                <span className="mb-0.5 truncate leading-tight font-semibold">Laravel Starter Kit</span>
-            </div>
-        </>
+        </div>
     );
 }