feat: Session management (#24)

* feat: Added session management

app/Livewire/Profile/SessionsPage.php

@@ -0,0 +1,21 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Livewire\Profile;
+
+use Illuminate\View\View;
+use Livewire\Component;
+
+/**
+ * Manages the user's sessions page in the profile section.
+ * Renders the view using the 'account-app' layout.
+ */
+class SessionsPage extends Component
+{
+    public function render(): View
+    {
+        return view('livewire.profile.sessions-page')
+            ->layout('components.layouts.account-app');
+    }
+}

composer.json

@@ -7,6 +7,7 @@
     "require": {
         "php": "^8.2",
         "blade-ui-kit/blade-heroicons": "^2.3",
+        "cjmellor/browser-sessions": "^1.1",
         "danharrin/livewire-rate-limiting": "^1.3",
         "diglactic/laravel-breadcrumbs": "^9.0",
         "laragear/two-factor": "^2.0",

config/session.php

@@ -4,7 +4,7 @@
 
 return [
 
-    'driver' => env('SESSION_DRIVER', 'redis'),
+    'driver' => env('SESSION_DRIVER', 'database'),
 
     'lifetime' => env('SESSION_LIFETIME', 120),
 

resources/views/account/partials/sidebar.blade.php

@@ -40,6 +40,16 @@
         </span>
             </x-sidebar-nav-link>
         </li>
+        @if (Config::get('session.driver') === 'database')
+            <li class="flex-1 lg:flex-initial">
+                <x-sidebar-nav-link :href="route('profile.sessions')" :active="request()->routeIs('profile.sessions*')" wire:navigate>
+            <span class="flex flex-col lg:flex-row items-center justify-center lg:justify-start py-2 lg:py-1.5">
+                @svg('heroicon-o-globe-alt', 'h-6 w-6 lg:h-5 lg:w-5 lg:mr-2')
+                <span class="text-xs mt-1 lg:mt-0 lg:text-sm">{{ __('Manage Sessions') }}</span>
+            </span>
+                </x-sidebar-nav-link>
+            </li>
+        @endif
         <li class="flex-1 lg:flex-initial">
             <x-sidebar-nav-link :href="route('account.remove-account')" :active="request()->routeIs('account.remove-account')" wire:navigate>
                 <span class="flex flex-col lg:flex-row items-center justify-center lg:justify-start py-2 lg:py-1.5">