diff --git a/composer.json b/composer.json
index 915779a..635beca 100644
--- a/composer.json
+++ b/composer.json
@@ -11,19 +11,19 @@
     "license": "MIT",
     "require": {
         "php": "^8.1",
-        "guzzlehttp/guzzle": "^7.5",
+        "guzzlehttp/guzzle": "^7.7",
         "laravel/framework": "^10",
         "laravel/tinker": "^2.8",
         "laravel/ui": "^4.2",
-        "yajra/laravel-datatables-oracle": "~10.3",
+        "yajra/laravel-datatables-oracle": "~10.7",
         "ext-json": "*",
         "doctrine/dbal": "v3.6"
     },
     "require-dev": {
-        "fakerphp/faker": "^1.21",
-        "laravel/breeze": "^1.19",
-        "laravel/sail": "^1.20",
-        "mockery/mockery": "^1.5",
+        "fakerphp/faker": "^1.23",
+        "laravel/breeze": "^1.22",
+        "laravel/sail": "^1.23",
+        "mockery/mockery": "^1.6",
         "nunomaduro/collision": "^7",
         "phpunit/phpunit": "^10",
         "spatie/laravel-ignition": "^2"
diff --git a/package.json b/package.json
index 45ad0a8..60407ed 100644
--- a/package.json
+++ b/package.json
@@ -11,22 +11,22 @@
         "build": "webpack --config webpack.config.js"
     },
     "devDependencies": {
-        "axios": "^0.21.4",
-        "bootstrap": "^5.2.3",
+        "axios": "^0.27.2",
+        "bootstrap": "^5.3.1",
         "bootstrap-dark-5": "^1.1.3",
         "bootstrap-data-table": "^1.0.0",
         "datatables": "^1.10.18",
-        "datatables.net-bs": "^1.13.2",
+        "datatables.net-bs": "^1.13.6",
         "font-awesome": "^4.7.0",
-        "jquery": "^3.6.3",
+        "jquery": "^3.7.0",
         "laravel-mix": "^6.0.49",
         "vue": "^2.7.14",
-        "vue-loader": "^17.0.1",
+        "vue-loader": "^17.2.2",
         "vue-resource": "^1.5.3",
         "vue-template-compiler": "^2.7.14"
     },
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.3.0",
-        "datatables.net-bs5": "^1.13.2"
+        "@fortawesome/fontawesome-free": "^6.4.2",
+        "datatables.net-bs5": "^1.13.6"
     }
 }
diff --git a/public/css/app.css b/public/css/app.css
index 2c36d2f..b17c09e 100644
Binary files a/public/css/app.css and b/public/css/app.css differ
diff --git a/public/css/dark.css b/public/css/dark.css
index d3c7f8d..8d8b7f6 100644
Binary files a/public/css/dark.css and b/public/css/dark.css differ
diff --git a/public/css/light.css b/public/css/light.css
index 67cdce2..c8c3364 100644
Binary files a/public/css/light.css and b/public/css/light.css differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf
index 502f362..30f55b7 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.ttf differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2 b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2
index d801b51..8a480d9 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2 and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-brands-400.woff2 differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf
index e0abe27..c79589d 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.ttf differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2 b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2
index d736e4b..059a94e 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2 and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-regular-400.woff2 differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf
index 13c9489..e479fb2 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.ttf differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2 b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2
index 3516fdb..88b0367 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2 and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-solid-900.woff2 differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.ttf b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.ttf
index dc29819..ba6cb25 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.ttf and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.ttf differ
diff --git a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.woff2 b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.woff2
index 28d46b1..23b1c47 100644
Binary files a/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.woff2 and b/public/fonts/vendor/@fortawesome/fontawesome-free/webfa-v4compatibility.woff2 differ
diff --git a/public/js/app.js b/public/js/app.js
index 7a5e8e6..e08f2a3 100644
Binary files a/public/js/app.js and b/public/js/app.js differ
diff --git a/resources/views/layouts/guest.blade.php b/resources/views/layouts/guest.blade.php
index 2f88afa..1ea5563 100644
--- a/resources/views/layouts/guest.blade.php
+++ b/resources/views/layouts/guest.blade.php
@@ -6,14 +6,25 @@
     <meta name="csrf-token" content="{{ csrf_token() }}">
 
     <title>@yield('title') - @if (config()->has('app.name')) {{ config('app.name') }} @else My idlers @endif</title>
+    <link rel="icon" type="image" href="{{asset(Session::get('favicon') ?? 'favicon.ico')}}"/>
 
-    <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
+    @if(Session::get('dark_mode'))
+        <link rel="stylesheet" href="{{ asset('css/dark.css') }}">
+    @else
+        <link rel="stylesheet" href="{{ asset('css/light.css') }}">
+    @endif
+
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
+
+    @yield('css_links')
+    @yield('style')
 
     <x-form-style></x-form-style>
 
-    <script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
 </head>
 <body>
 {{ $slot }}
+<script src="{{ asset('js/app.js') }}" defer></script>
+    @yield('scripts')
 </body>
 </html>
diff --git a/resources/views/layouts/index.blade.php b/resources/views/layouts/index.blade.php
index 6f73821..81f5155 100644
--- a/resources/views/layouts/index.blade.php
+++ b/resources/views/layouts/index.blade.php
@@ -9,17 +9,18 @@
     @endif
 
     <title>@yield('title') - @if (config()->has('app.name')){{ config('app.name') }} @else My idlers @endif</title>
+    <link rel="icon" type="image" href="{{asset(Session::get('favicon') ?? 'favicon.ico')}}"/>
 
     @if(Session::get('dark_mode'))
-        <link rel="stylesheet" href="{{ asset('css/bootstrap-dark.min.css') }}">
+        <link rel="stylesheet" href="{{ asset('css/dark.css') }}">
     @else
-        <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
+        <link rel="stylesheet" href="{{ asset('css/light.css') }}">
     @endif
 
-    <link rel="stylesheet" href="{{ asset('css/fa.min.css') }}">
+    <link rel="stylesheet" href="{{ asset('css/app.css') }}">
 
-    @yield('css_style')
-    <script src="{{ asset('js/vue.min.js') }}"></script>
+    @yield('css_links')
+    @yield('style')
 </head>
 <body class="font-sans antialiased">
 <div class="container-fluid">
@@ -33,7 +34,7 @@
 <div class="container">
     @yield('content')
 </div>
-<script src="{{ asset('js/bootstrap.min.js') }}" defer></script>
+<script src="{{ asset('js/app.js') }}" defer></script>
 @yield('scripts')
 </body>
 </html>