feat: disable unfinished buttons

src/components/custom-ui/app-sidebar.tsx

@@ -81,8 +81,8 @@ export function AppSidebar() {
           <Collapsible defaultOpen className='group/collapsible'>
             <SidebarGroup>
               <SidebarGroupLabel asChild>
-                <CollapsibleTrigger>
-                  <span className='flex items-center gap-2 text-xl font-label text-neutral-100'>
+                <CollapsibleTrigger disabled>
+                  <span className='flex items-center gap-2 text-xl font-label text-disabled'>
                     <Star className='size-8' />{' '}
                     <span className='group-data-[collapsible=icon]:hidden'>
                       Favorites

src/components/misc/header.tsx

@@ -7,12 +7,12 @@ import UserDropdown from '@/components/misc/user-dropdown';
 
 const items = [
   {
-    title: 'Calendar',
+    title: 'Inbox',
     url: '#',
     icon: Inbox,
   },
   {
-    title: 'Friends',
+    title: 'Notifications',
     url: '#',
     icon: BellRing,
   },
@@ -34,8 +34,9 @@ export default function Header({
           <ThemePicker />
           {items.map((item) => (
             <NotificationButton
+              disabled
               key={item.title}
-              variant='outline_primary'
+              variant='outline_muted'
               dotVariant='hidden'
               size='icon'
             >