show profile picture on header and mobile menu header

Author: theihasan

resources/views/v2/partials/header-auth.blade.php

@@ -11,7 +11,7 @@
     <div class="relative" x-data="{ open: false }">
         <button @click="open = !open" @click.away="open = false"
                 class="flex items-center gap-2 text-gray-700 dark:text-gray-100 hover:text-blue-600 dark:hover:text-pink-500 px-2 py-2 rounded-lg hover:bg-gray-100 dark:hover:bg-white/5 transition-all">
-            <img src="https://placehold.co/32x32" alt="Profile" class="w-8 h-8 rounded-lg object-cover">
+            <img src="{{ auth()->user()->profile_image_or_default }}" alt="{{ auth()->user()->name }}" class="w-8 h-8 rounded-lg object-cover">
             <span>{{auth()->user()->name}}</span>
             <i class="las la-angle-down transition-transform" :class="{ 'rotate-180': open }"></i>
         </button>

resources/views/v2/partials/mobile-menu.blade.php

@@ -10,7 +10,7 @@
         @if(auth()->check())
         <div class="flex justify-between items-center p-6 border-b border-gray-200 dark:border-white/10">
             <div class="flex items-center gap-3">
-                <img src="https://placehold.co/40x40" alt="Profile" class="w-10 h-10 rounded-lg object-cover">
+                <img src="{{ auth()->user()->profile_image_or_default }}" alt="{{ auth()->user()->name }}" class="w-10 h-10 rounded-lg object-cover">
                 <div>
                     <div class="font-medium text-gray-900 dark:text-white">{{auth()->user()->name}}</div>
                     <div class="text-sm text-gray-600 dark:text-gray-400">{{auth()->user()->email}}</div>