diff --git a/app/Livewire/Components/User/Activities.php b/app/Livewire/Components/User/Activities.php
index ba82654f..9d61fd98 100644
--- a/app/Livewire/Components/User/Activities.php
+++ b/app/Livewire/Components/User/Activities.php
@@ -7,16 +7,27 @@
 use App\Models\Activity;
 use App\Models\User;
 use Illuminate\Contracts\View\View;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Cache;
+use Livewire\Attributes\Computed;
 use Livewire\Component;
 
 final class Activities extends Component
 {
     public User $user;
 
+    #[Computed(persist: true)]
+    public function activities(): Collection
+    {
+        return Cache::remember(
+            key: 'activities.'.$this->user->id,
+            ttl: now()->addDays(3),
+            callback: fn () => Activity::latestFeed($this->user)
+        );
+    }
+
     public function render(): View
     {
-        return view('livewire.components.user.activities', [
-            'activities' => Activity::latestFeed($this->user),
-        ]);
+        return view('livewire.components.user.activities');
     }
 }
diff --git a/app/Livewire/Pages/Account/Profile.php b/app/Livewire/Pages/Account/Profile.php
index d7f0fdf6..2e8e4ed1 100644
--- a/app/Livewire/Pages/Account/Profile.php
+++ b/app/Livewire/Pages/Account/Profile.php
@@ -4,30 +4,68 @@
 
 namespace App\Livewire\Pages\Account;
 
+use App\Models\Article;
+use App\Models\Discussion;
+use App\Models\Thread;
 use App\Models\User;
 use Illuminate\Contracts\View\View;
+use Illuminate\Support\Collection;
+use Illuminate\Support\Facades\Cache;
+use Livewire\Attributes\Computed;
 use Livewire\Component;
 
 final class Profile extends Component
 {
     public User $user;
 
-    public function render(): View
+    #[Computed(persist: true)]
+    public function articles(): Collection
     {
-        return view('livewire.pages.account.profile', [
-            'articles' => $this->user->articles() // @phpstan-ignore-line
-                ->recent()
+        return Cache::remember(
+            key: 'articles.'.$this->user->id,
+            ttl: now()->addDays(3),
+            callback: fn () => Article::with('media', 'tags')
+                ->select('id', 'title', 'slug', 'body', 'published_at')
+                ->whereBelongsTo($this->user)
                 ->published()
+                ->recent()
                 ->limit(5)
-                ->get(),
-            'threads' => $this->user->threads()
+                ->get()
+        );
+    }
+
+    #[Computed(persist: true)]
+    public function threads(): Collection
+    {
+        return Cache::remember(
+            key: 'threads.'.$this->user->id,
+            ttl: now()->addDays(3),
+            callback: fn () => Thread::with('channels')
+                ->withCount('replies')
+                ->whereBelongsTo($this->user)
                 ->orderByDesc('created_at')
                 ->limit(5)
-                ->get(),
-            'discussions' => $this->user->discussions()
+                ->get()
+        );
+    }
+
+    #[Computed(persist: true)]
+    public function discussions(): Collection
+    {
+        return Cache::remember(
+            key: 'discussions.'.$this->user->id,
+            ttl: now()->addDays(3),
+            callback: fn () => Discussion::with('tags')
+                ->withCount('replies', 'reactions')
+                ->whereBelongsTo($this->user)
                 ->limit(5)
-                ->get(),
-        ])
+                ->get()
+        );
+    }
+
+    public function render(): View
+    {
+        return view('livewire.pages.account.profile')
             ->title($this->user->username.' ( '.$this->user->name.')');
     }
 }
diff --git a/composer.lock b/composer.lock
index 7cb3da9c..1f31d4df 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "ed0e156f18a55dfdfc7fc7922799cd9a",
+    "content-hash": "4c716d8363d3d8066535ca12060d6e28",
     "packages": [
         {
             "name": "abraham/twitteroauth",
@@ -13554,16 +13554,16 @@
         },
         {
             "name": "vormkracht10/filament-mails",
-            "version": "v1.0.5",
+            "version": "v2.0.1",
             "source": {
                 "type": "git",
                 "url": "https://github.com/vormkracht10/filament-mails.git",
-                "reference": "ab13d2b90daad93943248f7888808f78a2ab6d09"
+                "reference": "c2c72b77e303d594c97c6a9b1c58dfec8b61d931"
             },
             "dist": {
                 "type": "zip",
-                "url": "https://api.github.com/repos/vormkracht10/filament-mails/zipball/ab13d2b90daad93943248f7888808f78a2ab6d09",
-                "reference": "ab13d2b90daad93943248f7888808f78a2ab6d09",
+                "url": "https://api.github.com/repos/vormkracht10/filament-mails/zipball/c2c72b77e303d594c97c6a9b1c58dfec8b61d931",
+                "reference": "c2c72b77e303d594c97c6a9b1c58dfec8b61d931",
                 "shasum": ""
             },
             "require": {
@@ -13629,7 +13629,7 @@
                     "type": "github"
                 }
             ],
-            "time": "2024-12-27T09:22:16+00:00"
+            "time": "2025-01-03T13:17:15+00:00"
         },
         {
             "name": "vormkracht10/laravel-mails",
@@ -17374,7 +17374,7 @@
     ],
     "aliases": [],
     "minimum-stability": "dev",
-    "stability-flags": {},
+    "stability-flags": [],
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
@@ -17382,6 +17382,6 @@
         "ext-fileinfo": "*",
         "ext-json": "*"
     },
-    "platform-dev": {},
+    "platform-dev": [],
     "plugin-api-version": "2.6.0"
 }
diff --git a/resources/views/components/forum/thread.blade.php b/resources/views/components/forum/thread.blade.php
index ffeaa4b7..e8db17e0 100644
--- a/resources/views/components/forum/thread.blade.php
+++ b/resources/views/components/forum/thread.blade.php
@@ -6,7 +6,7 @@
     <x-forum.thread-channels :thread="$thread" />
 
     <div class="flex items-center gap-4">
-        <h2 id="question-title-{{ $thread->id }}" class="truncate text-xl font-medium text-gray-900 dark:text-white lg:text-xl">
+        <h2 id="question-title-{{ $thread->id }}" class="truncate text-lg font-heading/7 font-semibold text-gray-900 dark:text-white lg:text-xl">
             <x-link :href="route('forum.show', $thread)" class="hover:underline">
                 {{ $thread->subject() }}
             </x-link>
diff --git a/resources/views/components/user/articles.blade.php b/resources/views/components/user/articles.blade.php
index ecdc6078..9c3eb6cd 100644
--- a/resources/views/components/user/articles.blade.php
+++ b/resources/views/components/user/articles.blade.php
@@ -3,56 +3,54 @@
     'articles',
 ])
 
-<div>
-    @if ($articles->isNotEmpty())
-        <div class="-mt-6 divide-y divide-gray-200 dark:divide-white/20">
-            @foreach ($articles as $article)
-                <div class="py-6">
-                    <x-articles.card :article="$article" is-summary />
-                </div>
-            @endforeach
-        </div>
-    @else
-        <x-empty-state>
+@if ($articles->isNotEmpty())
+    <div class="-mt-6 divide-y divide-gray-200 dark:divide-white/20">
+        @foreach ($articles as $article)
+            <div class="py-6">
+                <x-articles.card :article="$article" is-summary />
+            </div>
+        @endforeach
+    </div>
+@else
+    <x-empty-state>
+        <div class="relative">
+            <div class="absolute scale-90 shadow inset-x-0 -top-4 flex items-start -z-10 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+            </div>
             <div class="relative">
-                <div class="absolute scale-90 shadow inset-x-0 -top-4 flex items-start -z-10 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                </div>
-                <div class="relative">
-                    <div class="absolute -inset-1 bg-gradient-to-r from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
-                    <div class="relative flex items-start z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                        <div class="w-1/4 h-20 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-lg dark:bg-gray-800"></div>
-                        <div class="w-3/4 pt-2 space-y-2">
-                            <div class="grid grid-cols-3 gap-2 w-2/3">
-                                <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
-                                <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
-                                <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
-                            </div>
-                            <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                            <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                <div class="absolute -inset-1 bg-gradient-to-r from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
+                <div class="relative flex items-start z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+                    <div class="w-1/4 h-20 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-lg dark:bg-gray-800"></div>
+                    <div class="w-3/4 pt-2 space-y-2">
+                        <div class="grid grid-cols-3 gap-2 w-2/3">
+                            <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
+                            <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
+                            <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
                         </div>
+                        <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                        <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
                     </div>
                 </div>
-                <div class="absolute scale-[0.8] inset-x-0 -z-10 shadow -bottom-3 flex items-start bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                </div>
             </div>
-            <div class="mt-8 space-y-4">
-                <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
-                    <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
-                    {{ __('pages/account.activities.empty_articles') }}
-                </p>
-
-                @if ($user->isLoggedInUser())
-                    @can('create', \App\Models\Article::class)
-                        <x-buttons.primary
-                            type="button"
-                            onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.article-form' })"
-                        >
-                            <x-untitledui-file-06 class="size-5" aria-hidden="true" />
-                            {{ __('global.launch_modal.article_action') }}
-                        </x-buttons.primary>
-                    @endcan
-                @endif
+            <div class="absolute scale-[0.8] inset-x-0 -z-10 shadow -bottom-3 flex items-start bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
             </div>
-        </x-empty-state>
-    @endif
-</div>
+        </div>
+        <div class="mt-8 space-y-4">
+            <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
+                <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
+                {{ __('pages/account.activities.empty_articles') }}
+            </p>
+
+            @if ($user->isLoggedInUser())
+                @can('create', \App\Models\Article::class)
+                    <x-buttons.primary
+                        type="button"
+                        onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.article-form' })"
+                    >
+                        <x-untitledui-file-06 class="size-5" aria-hidden="true" />
+                        {{ __('global.launch_modal.article_action') }}
+                    </x-buttons.primary>
+                @endcan
+            @endif
+        </div>
+    </x-empty-state>
+@endif
diff --git a/resources/views/components/user/discussions.blade.php b/resources/views/components/user/discussions.blade.php
index 4be58ccb..713e4f27 100644
--- a/resources/views/components/user/discussions.blade.php
+++ b/resources/views/components/user/discussions.blade.php
@@ -3,58 +3,56 @@
     'discussions',
 ])
 
-<div>
-    @if ($discussions->isNotEmpty())
-        <div class="relative -mt-6 divide-y divide-gray-200 dark:divide-white/20">
-            @foreach ($discussions as $discussion)
-                <x-discussions.overview :discussion="$discussion" />
-            @endforeach
-        </div>
-    @else
-        <x-empty-state>
+@if ($discussions->isNotEmpty())
+    <div class="relative -mt-6 divide-y divide-gray-200 dark:divide-white/20">
+        @foreach ($discussions as $discussion)
+            <x-discussions.overview :discussion="$discussion" />
+        @endforeach
+    </div>
+@else
+    <x-empty-state>
+        <div class="relative">
             <div class="relative">
-                <div class="relative">
-                    <div class="absolute -inset-1 bg-gradient-to-r rotate-3 w-72 from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
-                    <div class="relative z-20 bg-white gap-3 rotate-3 p-3 w-72 rounded-lg shadow ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                        <div class="space-y-2">
-                            <div class="grid grid-cols-3 gap-2 w-1/3">
-                                <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
-                                <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
-                            </div>
-                            <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                            <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                        </div>
-                    </div>
-                </div>
-                <div class="absolute transform scale-[0.8] bottom-10 right-2 shadow w-40 -rotate-6 z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+                <div class="absolute -inset-1 bg-gradient-to-r rotate-3 w-72 from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
+                <div class="relative z-20 bg-white gap-3 rotate-3 p-3 w-72 rounded-lg shadow ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
                     <div class="space-y-2">
-                        <div class="grid grid-cols-3 gap-2 w-2/3">
+                        <div class="grid grid-cols-3 gap-2 w-1/3">
                             <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
                             <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
                         </div>
-                        <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                        <div class="h-4 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
                         <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
                     </div>
                 </div>
             </div>
-            <div class="mt-8 space-y-4">
-                <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
-                    <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
-                    {{ __('pages/account.activities.empty_discussions') }}
-                </p>
-
-                @if ($user->isLoggedInUser())
-                    @can('create', \App\Models\Discussion::class)
-                        <x-buttons.primary
-                            type="button"
-                            onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })"
-                        >
-                            <x-untitledui-message-text-square class="size-5" aria-hidden="true" />
-                            {{ __('global.launch_modal.discussion_action') }}
-                        </x-buttons.primary>
-                    @endcan
-                @endif
+            <div class="absolute transform scale-[0.8] bottom-10 right-2 shadow w-40 -rotate-6 z-20 bg-white gap-3 p-3 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+                <div class="space-y-2">
+                    <div class="grid grid-cols-3 gap-2 w-2/3">
+                        <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
+                        <div class="h-3 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded dark:bg-gray-800"></div>
+                    </div>
+                    <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                    <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                </div>
             </div>
-        </x-empty-state>
-    @endif
-</div>
+        </div>
+        <div class="mt-8 space-y-4">
+            <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
+                <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
+                {{ __('pages/account.activities.empty_discussions') }}
+            </p>
+
+            @if ($user->isLoggedInUser())
+                @can('create', \App\Models\Discussion::class)
+                    <x-buttons.primary
+                        type="button"
+                        onclick="Livewire.dispatch('openPanel', { component: 'components.slideovers.thread-form' })"
+                    >
+                        <x-untitledui-message-text-square class="size-5" aria-hidden="true" />
+                        {{ __('global.launch_modal.discussion_action') }}
+                    </x-buttons.primary>
+                @endcan
+            @endif
+        </div>
+    </x-empty-state>
+@endif
diff --git a/resources/views/components/user/threads.blade.php b/resources/views/components/user/threads.blade.php
index f7516e0d..52e6137a 100644
--- a/resources/views/components/user/threads.blade.php
+++ b/resources/views/components/user/threads.blade.php
@@ -3,51 +3,49 @@
     'threads',
 ])
 
-<div>
-    @if ($threads->isNotEmpty())
-        <div class="space-y-6 sm:space-y-5">
-            @foreach ($threads as $thread)
-                <x-forum.thread :thread="$thread" />
-            @endforeach
-        </div>
-    @else
-        <x-empty-state>
+@if ($threads->isNotEmpty())
+    <div class="space-y-4">
+        @foreach ($threads as $thread)
+            <x-forum.thread :thread="$thread" wire:key="{{ $thread->slug }}" />
+        @endforeach
+    </div>
+@else
+    <x-empty-state>
+        <div class="relative">
             <div class="relative">
-                <div class="relative">
-                    <div class="absolute -inset-1 w-72 mx-auto bg-gradient-to-r from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
-                    <div class="relative flex items-start w-72 mx-auto shadow z-20 bg-white gap-3 p-4 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                        <div class="size-10 bg-gray-50 border border-gray-200 ring-2 ring-offset-2 ring-offset-gray-50 ring-gray-200/50 dark:ring-offset-gray-900 dark:border-white/20 dark:ring-white/20 rounded-full dark:bg-gray-800"></div>
-                        <div class="w-3/4 space-y-2">
-                            <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                            <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                        </div>
+                <div class="absolute -inset-1 w-72 mx-auto bg-gradient-to-r from-flag-green to-flag-red rounded-lg blur opacity-25"></div>
+                <div class="relative flex items-start w-72 mx-auto shadow z-20 bg-white gap-3 p-4 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+                    <div class="size-10 bg-gray-50 border border-gray-200 ring-2 ring-offset-2 ring-offset-gray-50 ring-gray-200/50 dark:ring-offset-gray-900 dark:border-white/20 dark:ring-white/20 rounded-full dark:bg-gray-800"></div>
+                    <div class="w-3/4 space-y-2">
+                        <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                        <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
                     </div>
                 </div>
-                <div class="absolute z-1 inset-x-0 -top-10 transform scale-90">
-                    <div class="relative flex items-start w-72 mx-auto shadow z-20 bg-white gap-3 p-4 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
-                        <div class="size-10 bg-gray-50 border border-gray-200 ring-2 ring-offset-2 ring-offset-gray-50 ring-gray-200/50 dark:ring-offset-gray-900 dark:border-white/20 dark:ring-white/20 rounded-full dark:bg-gray-800"></div>
-                        <div class="w-3/4 space-y-2">
-                            <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                            <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
-                        </div>
+            </div>
+            <div class="absolute z-1 inset-x-0 -top-10 transform scale-90">
+                <div class="relative flex items-start w-72 mx-auto shadow z-20 bg-white gap-3 p-4 rounded-lg ring-1 ring-gray-200/50 dark:bg-gray-900 dark:ring-white/10">
+                    <div class="size-10 bg-gray-50 border border-gray-200 ring-2 ring-offset-2 ring-offset-gray-50 ring-gray-200/50 dark:ring-offset-gray-900 dark:border-white/20 dark:ring-white/20 rounded-full dark:bg-gray-800"></div>
+                    <div class="w-3/4 space-y-2">
+                        <div class="h-2 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
+                        <div class="h-6 bg-gray-50 ring-1 ring-gray-200/50 dark:ring-white/20 rounded-md dark:bg-gray-800"></div>
                     </div>
                 </div>
             </div>
-            <div class="mt-8 space-y-4">
-                <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
-                    <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
-                    {{ __('pages/account.activities.empty_threads') }}
-                </p>
+        </div>
+        <div class="mt-8 space-y-4">
+            <p class="mt-8 text-base text-gray-500 dark:text-gray-400">
+                <span class="font-medium text-gray-700 dark:text-gray-300">{{ $user->name }}</span>
+                {{ __('pages/account.activities.empty_threads') }}
+            </p>
 
-                @if ($user->isLoggedInUser())
-                    @can('create', \App\Models\Thread::class)
-                        <x-buttons.primary type="button">
-                            <x-untitledui-message-text-square class="size-5" aria-hidden="true" />
-                            {{ __('global.launch_modal.discussion_action') }}
-                        </x-buttons.primary>
-                    @endcan
-                @endif
-            </div>
-        </x-empty-state>
-    @endif
-</div>
+            @if ($user->isLoggedInUser())
+                @can('create', \App\Models\Thread::class)
+                    <x-buttons.primary type="button">
+                        <x-untitledui-message-text-square class="size-5" aria-hidden="true" />
+                        {{ __('global.launch_modal.discussion_action') }}
+                    </x-buttons.primary>
+                @endcan
+            @endif
+        </div>
+    </x-empty-state>
+@endif
diff --git a/resources/views/layouts/forum.blade.php b/resources/views/layouts/forum.blade.php
index d2d07c38..2eee8d7c 100644
--- a/resources/views/layouts/forum.blade.php
+++ b/resources/views/layouts/forum.blade.php
@@ -41,7 +41,7 @@
                         <x-nav.forum-link
                             :href="route('forum.index', ['popular' => true])"
                             :active="request()->getUri() === route('forum.index', ['popular' => true])"
-                            icon="untitledui-heart"
+                            icon="phosphor-heart-duotone"
                         >
                             {{ __('pages/forum.navigation.popular') }}
                         </x-nav.forum-link>
@@ -62,7 +62,7 @@
                         <x-nav.forum-link
                             :href="route('forum.index', ['no-replies' => true])"
                             :active="request()->getUri() === route('forum.index', ['no-replies' => true])"
-                            icon="untitledui-message-x-square"
+                            icon="phosphor-chat-teardrop-slash-duotone"
                         >
                             {{ __('pages/forum.navigation.no_reply') }}
                         </x-nav.forum-link>
diff --git a/resources/views/livewire/components/reactions.blade.php b/resources/views/livewire/components/reactions.blade.php
index 44e8c142..65d69bdc 100644
--- a/resources/views/livewire/components/reactions.blade.php
+++ b/resources/views/livewire/components/reactions.blade.php
@@ -26,7 +26,7 @@ class="size-5 text-gray-400 dark:text-gray-500 group-hover:text-gray-600 dark:gr
             @click="showReactions = ! showReactions"
             @class([
                 'group relative flex items-center h-8 cursor-pointer items-center justify-between',
-                'rounded-lg bg-white px-3 py-2 shadow hover:bg-gray-50' => $withBackground,
+                'rounded-lg bg-white px-3 py-2 shadow hover:bg-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700' => $withBackground,
             ])
         >
             @if($direction === 'vertical')
diff --git a/resources/views/livewire/components/user/activities.blade.php b/resources/views/livewire/components/user/activities.blade.php
index bb9b3801..427fd0be 100644
--- a/resources/views/livewire/components/user/activities.blade.php
+++ b/resources/views/livewire/components/user/activities.blade.php
@@ -3,7 +3,7 @@
         {{ __('pages/account.activities.latest_of', ['name' => $user->name]) }}
     </h3>
     <ul role="list" class="mt-6 -mb-8">
-        @forelse($activities as $activity)
+        @forelse($this->activities as $activity)
             @if($activity->subject)
                 <li>
                     <x-dynamic-component
diff --git a/resources/views/livewire/pages/account/profile.blade.php b/resources/views/livewire/pages/account/profile.blade.php
index ec9cb5fa..64685d9f 100644
--- a/resources/views/livewire/pages/account/profile.blade.php
+++ b/resources/views/livewire/pages/account/profile.blade.php
@@ -137,16 +137,16 @@ class="relative z-20 inline-flex h-8 w-full cursor-pointer items-center justify-
     </div>
 
     <x-container class="py-10 lg:pb-14">
-        <div class="grid gap-8 lg:grid-cols-3 lg:gap-x-16">
+        <div class="lg:grid lg:grid-cols-3 lg:gap-x-16">
             <div class="lg:col-span-2">
                 <div :id="$id(tabId + '-content')" x-show="tabContentActive($el)">
-                    <x-user.articles :user="$user" :articles="$articles" />
+                    <x-user.articles :user="$user" :articles="$this->articles" />
                 </div>
                 <div x-cloak :id="$id(tabId + '-content')" x-show="tabContentActive($el)">
-                    <x-user.discussions :user="$user" :discussions="$discussions" />
+                    <x-user.discussions :user="$user" :discussions="$this->discussions" />
                 </div>
                 <div x-cloak :id="$id(tabId + '-content')" x-show="tabContentActive($el)">
-                    <x-user.threads :user="$user" :threads="$threads" />
+                    <x-user.threads :user="$user" :threads="$this->threads" />
                 </div>
             </div>
             <aside class="hidden lg:block">
diff --git a/resources/views/livewire/pages/articles/single-post.blade.php b/resources/views/livewire/pages/articles/single-post.blade.php
index 33d02816..53e53e94 100644
--- a/resources/views/livewire/pages/articles/single-post.blade.php
+++ b/resources/views/livewire/pages/articles/single-post.blade.php
@@ -83,7 +83,8 @@ class="size-6 ring-1 ring-offset-2 ring-gray-200 ring-offset-gray-50 dark:ring-w
                                 <span class="absolute inset-0"></span>
                                 {{ $article->user->name }}
                             </x-link>
-                            @if($article->isPublished())
+
+                            @if ($article->isPublished())
                                 <div class="w-[1px] h-4 border-l border-gray-200 dark:border-white/20"></div>
                                 <time class="capitalize text-gray-500 dark:text-gray-400" datetime="{{ $article->published_at->format('Y-m-d') }}">
                                     {{ $article->published_at->isoFormat('LL') }}
@@ -114,21 +115,18 @@ class="object-cover size-full"
                         class="prose prose-green text-gray-500 dark:text-gray-400 dark:prose-invert lg:max-w-none"
                         :content="$article->body"
                     />
-
-                    <div class="relative inline-flex mt-5 space-x-4">
-                        <livewire:components.reactions
-                            wire:key="{{ $article->id }}"
-                            :model="$article"
-                            :with-place-holder="false"
-                            :with-background="false"
-                        />
-                    </div>
                 </div>
                 <div class="hidden lg:block">
                     <x-sticky-content class="space-y-10">
-                        @if($article->isPublished())
+                        @if ($article->isPublished())
                             <div>
-                                <p class="text-sm font-medium text-gray-500 dark:text-gray-400">
+                                <div class="relative inline-flex mt-5 space-x-4">
+                                    <livewire:components.reactions
+                                        wire:key="{{ $article->id }}"
+                                        :model="$article"
+                                    />
+                                </div>
+                                <p class="mt-10 text-sm font-medium text-gray-500 dark:text-gray-400">
                                     {{ __('pages/article.share_article') }}
                                 </p>
                                 <div class="mt-4 flex flex-wrap gap-2">
diff --git a/resources/views/livewire/pages/forum/index.blade.php b/resources/views/livewire/pages/forum/index.blade.php
index cfb902fe..01111f58 100644
--- a/resources/views/livewire/pages/forum/index.blade.php
+++ b/resources/views/livewire/pages/forum/index.blade.php
@@ -46,7 +46,7 @@ class="!pl-8"
     <div class="mt-6 lg:mb-12">
         <div class="space-y-4">
             @foreach ($threads as $thread)
-                <x-forum.thread :thread="$thread" />
+                <x-forum.thread :thread="$thread" wire:key="{{ $thread->slug }}" />
             @endforeach
         </div>