Doc updates

.gitignore

@@ -28,4 +28,5 @@ yarn-error.log
 frankenphp
 frankenphp-worker.php
 /docs/.vitepress/cache
-/docs/node_modules
+/docs/node_modules
+/docs/.vitepress/dist

app/Models/User.php

@@ -85,6 +85,9 @@ class User extends Authenticatable
 
     public function avatarUrl()
     {
+        if (empty($this->avatar)) {
+            return null;
+        }
         return route('user.avatar', ['path' => $this->avatar]);
     }
 

docs/index.md

@@ -19,7 +19,9 @@ hero:
 #     details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
 ---
 
-<img src="/screenshots/dashboard.png" alt="Banner" class="w-full h-auto !mb-8">
+<div class="dark:bg-white/60 bg-black p-1 rounded-md shadow-sm !mb-8">
+  <img src="/screenshots/dashboard-app-edit.png" alt="Banner" class="w-full h-auto">
+</div>
 
 **AuthentiKate** is a sleek, self-hosted OpenID Connect (OIDC) provider built with Laravel. It's designed for developers and homelabbers who want full control over their identity infrastructure — without the bloat.
 

resources/views/components/layouts/app/header.blade.php

@@ -42,7 +42,8 @@
 
         <!-- Desktop User Menu -->
         <flux:dropdown position="top" align="end">
-            <flux:profile class="cursor-pointer" :initials="auth()->user()->initials()" />
+            <flux:profile class="cursor-pointer" :avatar="auth()->user()->avatarUrl()"
+                :initials="auth()->user()->initials()" />
 
             <flux:menu>
                 <flux:menu.radio.group>

resources/views/livewire/app-container.blade.php

@@ -13,8 +13,8 @@
             <div class="flex items-center justify-between">
                 @can('view', $app)
                 <flux:modal.trigger name="app-info">
-                    <flux:button icon="eye" variant="subtle" size="sm" inset class="cursor-pointer"
-                        x-on:click="$dispatch('appinfo', {id: {{$app->id}}})" />
+                    <flux:button icon="eye" data-testid="view-app-{{$app->id}}" variant="subtle" size="sm" inset
+                        class="cursor-pointer" x-on:click="$dispatch('appinfo', {id: {{$app->id}}})" />
                 </flux:modal.trigger>
                 @endcan
                 <flux:button wire:click="confirmDelete({{$app->id}})" icon="trash" variant="subtle" size="sm" inset