feat: Add toggle to disable recents menu from settings dropdown

- Add "Recents" section in settings dropdown with Enable/Disable toggle
- Store preference in localStorage (recents_enabled)
- Hide recents menu from sidebar when disabled

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: andrasbacsai

resources/views/components/navbar.blade.php

@@ -104,7 +104,9 @@ class="px-1 py-0.5 text-xs font-semibold text-neutral-500 dark:text-neutral-400
         <li class="flex-1 overflow-x-hidden">
             <ul role="list" class="flex flex-col h-full space-y-1.5">
                 @if (isSubscribed() || !isCloud())
-                    <livewire:recents-menu />
+                    <template x-if="localStorage.getItem('recents_enabled') !== 'false'">
+                        <livewire:recents-menu />
+                    </template>
                     <li>
                         <a title="Dashboard" href="/"
                             class="{{ request()->is('/') ? 'menu-item-active menu-item' : 'menu-item' }}">

resources/views/livewire/settings-dropdown.blade.php

@@ -110,7 +110,7 @@
             class="relative p-2 dark:text-neutral-400 hover:dark:text-white transition-colors cursor-pointer"
             title="Preferences">
             <!-- Sliders Icon -->
-            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" title="Preferences">
+            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" title="Preferences">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                     d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4" />
             </svg>
@@ -231,6 +231,19 @@ class="px-1 dropdown-item-no-padding flex items-center gap-2">
                         </svg>
                         <span>90%</span>
                     </button>
+
+                    <!-- Recents Section -->
+                    <div
+                        class="my-1 font-bold border-b dark:border-coolgray-500 border-neutral-300 dark:text-white text-md">
+                        Recents</div>
+                    <button @click="localStorage.setItem('recents_enabled', localStorage.getItem('recents_enabled') === 'false' ? 'true' : 'false'); window.location.reload()"
+                        class="px-1 dropdown-item-no-padding flex items-center gap-2">
+                        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                                d="M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
+                        </svg>
+                        <span x-text="localStorage.getItem('recents_enabled') === 'false' ? 'Enable' : 'Disable'"></span>
+                    </button>
                 </div>
             </div>
         </div>