feat(slot blocking): add buttons to sidebar

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

@@ -14,7 +14,7 @@ import {
   SidebarMenuItem,
 } from '@/components/custom-ui/sidebar';
 
-import { ChevronDown } from 'lucide-react';
+import { CalendarMinus, ChevronDown } from 'lucide-react';
 import {
   Collapsible,
   CollapsibleContent,
@@ -28,8 +28,8 @@ import Link from 'next/link';
 import {
   Star,
   CalendarDays,
-  User,
-  Users,
+  //User,
+  //Users,
   CalendarClock,
   CalendarPlus,
 } from 'lucide-react';
@@ -40,7 +40,7 @@ const items = [
     url: '/home',
     icon: CalendarDays,
   },
-  {
+  /*{
     title: 'Friends',
     url: '#',
     icon: User,
@@ -49,12 +49,17 @@ const items = [
     title: 'Groups',
     url: '#',
     icon: Users,
-  },
+  },*/
   {
     title: 'Events',
     url: '/events',
     icon: CalendarClock,
   },
+  {
+    title: 'Blocked Slots',
+    url: '/blocked_slots',
+    icon: CalendarMinus,
+  },
 ];
 
 export function AppSidebar() {
@@ -112,6 +117,17 @@ export function AppSidebar() {
           </SidebarGroupContent>
 
           <SidebarFooter>
+            <SidebarMenuItem className='pl-[8px]'>
+              <Link
+                href='/blocked_slots/new'
+                className='flex items-center gap-2 text-xl font-label'
+              >
+                <CalendarPlus className='size-8' />
+                <span className='group-data-[collapsible=icon]:hidden text-nowrap whitespace-nowrap'>
+                  New Blocked Slot
+                </span>
+              </Link>
+            </SidebarMenuItem>
             <SidebarMenuItem className='pl-[8px]'>
               <Link
                 href='/events/new'