Update

resources/js/components/app-logo.tsx

@@ -1,4 +1,3 @@
-
 export default function AppLogo() {
     return (
         <>
@@ -6,7 +5,7 @@ export default function AppLogo() {
                 <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div> */}
             <div className="ml-1 grid flex-1 text-left text-lg">
-                <span className="mb-0.5 truncate leading-none font-semibold">Video² AI</span>
+                <span className="mb-0.5 truncate leading-none font-semibold">Meme AI Gen</span>
             </div>
         </>
     );

resources/js/components/app-sidebar.tsx

@@ -2,11 +2,10 @@ import { NavFooter } from '@/components/nav-footer';
 import { NavMain } from '@/components/nav-main';
 import { NavUser } from '@/components/nav-user';
 import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from '@/components/ui/sidebar';
-import { type NavItem } from '@/types';
+import { SharedData, type NavItem } from '@/types';
 import { Link, usePage } from '@inertiajs/react';
-import {  LayoutGrid, UserCog } from 'lucide-react';
+import { LayoutGrid, UserCog } from 'lucide-react';
 import AppLogo from './app-logo';
-import { SharedData } from '@/types';
 
 const mainNavItems: NavItem[] = [
     {
@@ -22,6 +21,11 @@ const adminMainNavItems: NavItem[] = [
         href: route('admin.dashboard'),
         icon: UserCog,
     },
+    {
+        title: 'Background Generation',
+        href: route('admin.background-generation'),
+        icon: UserCog,
+    },
 ];
 
 const footerNavItems: NavItem[] = [
@@ -38,7 +42,6 @@ const footerNavItems: NavItem[] = [
 ];
 
 export function AppSidebar() {
-
     const { auth } = usePage<SharedData>().props;
 
     return (
@@ -60,8 +63,6 @@ export function AppSidebar() {
                 {auth?.user_is_admin && <NavMain title="Admin" items={adminMainNavItems} />}
             </SidebarContent>
 
-
-
             <SidebarFooter>
                 <NavFooter items={footerNavItems} className="mt-auto" />
                 <NavUser />

resources/js/components/ui/sidebar.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
-import { cva, VariantProps } from "class-variance-authority"
+import { cva, type VariantProps } from "class-variance-authority"
 import { PanelLeftIcon } from "lucide-react"
 
 import { useIsMobile } from "@/hooks/use-mobile"