Fixed NavigationItem labelHtml by using NavigationGroup for Admin button

app/Providers/Filament/UserPanelProvider.php

@@ -12,6 +12,7 @@ use Filament\PanelProvider;
 use Filament\Support\Colors\Color;
 use Filament\Widgets;
 use Filament\Navigation\NavigationItem;
+use Filament\Navigation\NavigationGroup;
 use Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse;
 use Illuminate\Cookie\Middleware\EncryptCookies;
 use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken;
@@ -56,16 +57,42 @@ class UserPanelProvider extends PanelProvider
                 Authenticate::class,
             ])
             ->navigationGroups([
-                'Casino'
+                NavigationGroup::make('Casino')
+                    ->items([
+                        NavigationItem::make('Lobby')
+                            ->url(fn () => route('filament.user.pages.lobby'))
+                            ->icon('heroicon-o-home')
+                            ->sort(1),
+                        NavigationItem::make('Deposits')
+                            ->url(fn () => route('filament.user.pages.deposits'))
+                            ->icon('heroicon-o-currency-dollar')
+                            ->sort(2),
+                        NavigationItem::make('Transactions')
+                            ->url(fn () => route('filament.user.pages.transactions'))
+                            ->icon('heroicon-o-document-text')
+                            ->sort(3),
+                        NavigationItem::make('Profile')
+                            ->url(fn () => route('filament.user.pages.profile'))
+                            ->icon('heroicon-o-user-circle')
+                            ->sort(4),
+                        NavigationItem::make('VIP')
+                            ->url(fn () => route('filament.user.pages.v-i-p'))
+                            ->icon('heroicon-o-star')
+                            ->sort(5),
+                        NavigationItem::make('About Us')
+                            ->url(fn () => route('filament.user.pages.about-us'))
+                            ->icon('heroicon-o-information-circle')
+                            ->sort(6),
+                    ]),
+                NavigationGroup::make('Administration')
+                    ->items([
+                        NavigationItem::make('Admin Panel')
+                            ->url('/admin')
+                            ->icon('heroicon-o-shield-check')
+                            ->visible(fn () => auth()->user() && auth()->user()->role === 'admin')
+                            ->sort(7),
+                    ]),
             ])
-            ->navigationItems([
-                NavigationItem::make('Admin')
-                    ->url('/admin')
-                    ->icon('heroicon-o-shield-check')
-                    ->visible(fn () => auth()->user() && auth()->user()->role === 'admin')
-                    ->sort(7)
-            ])
-            ->viteTheme('resources/css/filament/user.css')
             ->default();
     }
 }

resources/css/filament/user.css

@@ -1,11 +0,0 @@
-.fi-sidebar-item a[href="/admin"] {
-    background-color: #16a34a; /* Green for admin button */
-    color: #fff;
-    padding: 0.5rem 1rem;
-    border-radius: 0.25rem;
-    transition: all 0.3s ease;
-}
-.fi-sidebar-item a[href="/admin"]:hover {
-    background-color: #15803d;
-    box-shadow: 0 0 10px rgba(22, 163, 74, 0.5);
-}

vite.config.js

@@ -4,12 +4,8 @@ import laravel from 'laravel-vite-plugin';
 export default defineConfig({
     plugins: [
         laravel({
-            input: [
-                'resources/css/app.css',
-                'resources/css/filament/user.css',
-                'resources/js/app.js',
-            ],
+            input: ['resources/css/app.css', 'resources/js/app.js'],
             refresh: true,
         }),
     ],
-});
+});