Add tests for featured thumbnail generation; apply Pint formatting and related edits

resources/js/Layouts/AdminLayout.jsx

@@ -7,6 +7,7 @@ const buildAdminNavGroups = (isAdmin) => [
     items: [
       { label: 'Dashboard', href: '/moderation', icon: 'fa-solid fa-gauge-high', exact: true },
       { label: 'Daily Activity', href: '/moderation/activity', icon: 'fa-solid fa-calendar-day' },
+      { label: 'Online Users', href: '/moderation/traffic/online', icon: 'fa-solid fa-user-check' },
     ],
   },
   {
@@ -22,10 +23,6 @@ const buildAdminNavGroups = (isAdmin) => [
     items: [
       { label: 'Stories',        href: '/moderation/stories',              icon: 'fa-solid fa-feather-pointed' },
       { label: 'Artworks',       href: '/moderation/artworks',             icon: 'fa-solid fa-images' },
-      { label: 'Academy Dashboard', href: '/moderation/academy/dashboard', icon: 'fa-solid fa-graduation-cap' },
-      { label: 'Academy Lessons', href: '/moderation/academy/lessons', icon: 'fa-solid fa-book-open' },
-      { label: 'Academy Prompts', href: '/moderation/academy/prompts', icon: 'fa-solid fa-wand-magic-sparkles' },
-      { label: 'Academy Challenges', href: '/moderation/academy/challenges', icon: 'fa-solid fa-trophy' },
       { label: 'Featured Artworks', href: '/moderation/artworks/featured', icon: 'fa-solid fa-star' },
       { label: 'Homepage Announcements', href: '/moderation/homepage/announcements', icon: 'fa-solid fa-bullhorn' },
       { label: 'Upload Queue',   href: '/moderation/uploads',              icon: 'fa-solid fa-cloud-arrow-up' },
@@ -33,6 +30,15 @@ const buildAdminNavGroups = (isAdmin) => [
       { label: 'AI Biography',   href: '/moderation/ai-biography',         icon: 'fa-solid fa-wand-magic-sparkles' },
     ],
   },
+  {
+    label: 'Academy',
+    items: [
+      { label: 'Academy Dashboard', href: '/moderation/academy/dashboard', icon: 'fa-solid fa-graduation-cap' },
+      { label: 'Academy Lessons', href: '/moderation/academy/lessons', icon: 'fa-solid fa-book-open' },
+      { label: 'Academy Prompts', href: '/moderation/academy/prompts', icon: 'fa-solid fa-wand-magic-sparkles' },
+      { label: 'Academy Challenges', href: '/moderation/academy/challenges', icon: 'fa-solid fa-trophy' },
+    ],
+  },
   {
     label: 'System',
     items: [
@@ -49,6 +55,18 @@ function NavLink({ item, active }) {
       : 'text-slate-400 hover:text-white hover:bg-white/5'
   }`
 
+  // For some moderation surfaces (traffic/online) we prefer a full-page
+  // navigation so the server-rendered blade view opens as its own page
+  // instead of being handled by Inertia or opened inline.
+  if (item.href === '/moderation/traffic/online') {
+    return (
+      <a href={item.href} className={cls}>
+        <i className={`${item.icon} w-5 text-center text-base`} />
+        <span>{item.label}</span>
+      </a>
+    )
+  }
+
   return (
     <Link href={item.href} className={cls}>
       <i className={`${item.icon} w-5 text-center text-base`} />
@@ -66,7 +84,7 @@ function Sidebar({ pathname, isAdmin }) {
   }
 
   return (
-    <aside className="flex h-full w-64 flex-col overflow-y-auto border-r border-white/[0.07] bg-[rgba(10,14,22,0.98)] px-3 py-6">
+    <aside className="nova-scrollbar flex h-full w-64 flex-col overflow-y-auto border-r border-white/[0.07] bg-[rgba(10,14,22,0.98)] px-3 py-6">
       {/* Brand */}
       <div className="mb-8 px-3">
         <Link href="/moderation" className="flex items-center gap-2.5">